npm - @drivy/cobalt - Versions diffs - 2.14.0 → 2.16.0 - Mend

@drivy/cobalt 2.14.0 → 2.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1256) hide show

package/cjs/tokens/icons.js CHANGED Viewed

@@ -16,8 +16,10 @@ const icons = {
 	arrowRight: "arrow-right.svg",
 	audioInput: "audio-input.svg",
 	babySeat: "baby-seat.svg",
+	backupCamera: "backup-camera.svg",
 	bank: "bank.svg",
 	battery: "battery.svg",
+	bed: "bed.svg",
 	bell: "bell.svg",
 	bikeRack: "bike-rack.svg",
 	bin: "bin.svg",
@@ -132,6 +134,7 @@ const icons = {
 	graphUp: "graph-up.svg",
 	healing: "healing.svg",
 	heart: "heart.svg",
+	height: "height.svg",
 	hitch: "hitch.svg",
 	home: "home.svg",
 	idCard: "id-card.svg",
@@ -219,11 +222,13 @@ const icons = {
 	position: "position.svg",
 	pricingFlat: "pricing-flat.svg",
 	pricingVariable: "pricing-variable.svg",
+	pro: "pro.svg",
 	profilePicture: "profile-picture.svg",
 	questionCircleFilled: "question-circle-filled.svg",
 	questionCircle: "question-circle.svg",
 	question: "question.svg",
 	raceFlag: "race-flag.svg",
+	radioTune: "radio-tune.svg",
 	recenter: "recenter.svg",
 	refresh: "refresh.svg",
 	reorder: "reorder.svg",
@@ -290,6 +295,7 @@ const icons = {
 	uber: "uber.svg",
 	unfold: "unfold.svg",
 	unlocked: "unlocked.svg",
+	usbChargingPort: "usb-charging-port.svg",
 	userCheck: "user-check.svg",
 	userQuestion: "user-question.svg",
 	userShield: "user-shield.svg",
@@ -305,6 +311,7 @@ const icons = {
 	warningCircleFilled: "warning-circle-filled.svg",
 	warningCircle: "warning-circle.svg",
 	warning: "warning.svg",
+	weight: "weight.svg",
 	whatsapp: "whatsapp.svg",
 	wheel: "wheel.svg",
 	wheelchair: "wheelchair.svg",

package/cjs/tokens/icons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/tokens/index.js CHANGED Viewed

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var breakpoints$1 = require('./breakpoints.js');
-var palette$1 = require('./palette.js');
-var theme$1 = require('./theme.js');
 var countries$1 = require('./countries.js');
 var icons$1 = require('./icons.js');
+var palette$1 = require('./palette.js');
+var theme$1 = require('./theme.js');
 var zIndexes$1 = require('./zIndexes.js');
 // For now we can't re-export json using TS and JSON import has no default

package/cjs/tokens/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/tokens/index.ts"],"sourcesContent":["// For now we can't re-export json using TS and JSON import has no default\nimport _breakpoints from \"./breakpoints.json\"\nimport ~~_palette~~ from \"./~~palette~~.json\"\nimport ~~_theme~~ from \"./~~theme~~.json\"\nimport ~~_countries~~ from \"./~~countries~~.json\"\nimport ~~_icons~~ from \"./~~icons~~.json\"\nimport _zIndexes from \"./zIndexes.json\"\n\nexport const breakpoints = _breakpoints\nexport const countries = _countries\nexport const icons = _icons\nexport const zIndexes = _zIndexes\nexport const palette = _palette\nexport const theme = _theme\n"],"names":["_breakpoints","_countries","_icons","_zIndexes","_palette","_theme"],"mappings":";;;;;;;;;;;AAAA;AAQO,MAAM,WAAW,GAAGA,yBAAY;AAChC,MAAM,SAAS,GAAGC,uBAAU;AAC5B,MAAM,KAAK,GAAGC,mBAAM;AACpB,MAAM,QAAQ,GAAGC,sBAAS;AAC1B,MAAM,OAAO,GAAGC,qBAAQ;AACxB,MAAM,KAAK,GAAGC;;;;;;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/tokens/index.ts"],"sourcesContent":["// For now we can't re-export json using TS and JSON import has no default\nimport _breakpoints from \"./breakpoints.json\"\nimport _countries from \"./countries.json\"\nimport _icons from \"./icons.json\"\nimport _palette from \"./palette.json\"\nimport _theme from \"./theme.json\"\nimport _zIndexes from \"./zIndexes.json\"\n\nexport const breakpoints = _breakpoints\nexport const countries = _countries\nexport const icons = _icons\nexport const zIndexes = _zIndexes\nexport const palette = _palette\nexport const theme = _theme\n"],"names":["_breakpoints","_countries","_icons","_zIndexes","_palette","_theme"],"mappings":";;;;;;;;;;;AAAA;AAQO,MAAM,WAAW,GAAGA,yBAAY;AAChC,MAAM,SAAS,GAAGC,uBAAU;AAC5B,MAAM,KAAK,GAAGC,mBAAM;AACpB,MAAM,QAAQ,GAAGC,sBAAS;AAC1B,MAAM,OAAO,GAAGC,qBAAQ;AACxB,MAAM,KAAK,GAAGC;;;;;;;;;"}

package/components/Accordion/ToggleIcon.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
 import '../Icon/index.js';
 import ChevronDownIcon from '../Icon/__generated__/ChevronDownIcon.js';
 const ToggleIcon = ({ isOpen, useChevron }) => {
-    return useChevron ? (React.createElement(ChevronDownIcon, { color: "onSurfaceVariant", size: 24, className: cx("cobalt-accordion__header-chevron-icon", {
+    return useChevron ? (jsx(ChevronDownIcon, { color: "onSurfaceVariant", size: 24, className: cx("cobalt-accordion__header-chevron-icon", {
             "cobalt-accordion__header-chevron-icon--opened": isOpen,
-        }) })) : (React.createElement("div", { className: cx("cobalt-accordion__header-icon", {
+        }) })) : (jsx("div", { className: cx("cobalt-accordion__header-icon", {
             "cobalt-accordion__header-icon--opened": isOpen,
         }) }));
 };

package/components/Accordion/ToggleIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToggleIcon.js","sources":["../../../src/components/Accordion/ToggleIcon.tsx"],"sourcesContent":["import ~~React from \"react\"\nimport~~ cx from \"classnames\"\nimport { ChevronDownIcon } from \"../Icon\"\n\ntype ToggleIconPropsType = { isOpen: boolean; useChevron: boolean }\n\nconst ToggleIcon = ({ isOpen, useChevron }: ToggleIconPropsType) => {\n return useChevron ? (\n <ChevronDownIcon\n color=\"onSurfaceVariant\"\n size={24}\n className={cx(\"cobalt-accordion__header-chevron-icon\", {\n \"cobalt-accordion__header-chevron-icon--opened\": isOpen,\n })}\n />\n ) : (\n <div\n className={cx(\"cobalt-accordion__header-icon\", {\n \"cobalt-accordion__header-icon--opened\": isOpen,\n })}\n />\n )\n}\n\nexport default ToggleIcon\n"],"names":[],"mappings":";;;;;~~AAMM~~,MAAA,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,UAAU,EAAuB,KAAI;IACjE,OAAO,UAAU,~~IACf~~,~~KAAC~~,CAAA,~~aAAA,CAAA,~~eAAe,IACd,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE;AACrD,YAAA,+CAA+C,EAAE,MAAM;AACxD,SAAA,CAAC,EACF,CAAA,~~KAEF~~,~~KACE~~,CAAA,~~aAAA,CAAA,~~KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE;AAC7C,YAAA,uCAAuC,EAAE,MAAM;SAChD,CAAC,EAAA,CACF,CACH,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"ToggleIcon.js","sources":["../../../src/components/Accordion/ToggleIcon.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport { ChevronDownIcon } from \"../Icon\"\n\ntype ToggleIconPropsType = { isOpen: boolean; useChevron: boolean }\n\nconst ToggleIcon = ({ isOpen, useChevron }: ToggleIconPropsType) => {\n return useChevron ? (\n <ChevronDownIcon\n color=\"onSurfaceVariant\"\n size={24}\n className={cx(\"cobalt-accordion__header-chevron-icon\", {\n \"cobalt-accordion__header-chevron-icon--opened\": isOpen,\n })}\n />\n ) : (\n <div\n className={cx(\"cobalt-accordion__header-icon\", {\n \"cobalt-accordion__header-icon--opened\": isOpen,\n })}\n />\n )\n}\n\nexport default ToggleIcon\n"],"names":["_jsx"],"mappings":";;;;;AAKM,MAAA,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,UAAU,EAAuB,KAAI;IACjE,OAAO,UAAU,IACfA,GAAC,CAAA,eAAe,IACd,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE;AACrD,YAAA,+CAA+C,EAAE,MAAM;AACxD,SAAA,CAAC,EACF,CAAA,KAEFA,GACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE;AAC7C,YAAA,uCAAuC,EAAE,MAAM;SAChD,CAAC,EAAA,CACF,CACH,CAAA;AACH;;;;"}

package/components/Accordion/index.js CHANGED Viewed

@@ -1,33 +1,32 @@
-import React, { useId } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Accordion as Accordion$1, useAccordionItemContext } from '@ark-ui/react';
 export { useAccordionItemContext } from '@ark-ui/react';
 import cx from 'classnames';
+import { useId } from 'react';
 import ToggleIcon from './ToggleIcon.js';
 const AccordionItemHeader = ({ children, className, headingLevel = 4, leftToggleIcon, useChevron = false, ...props }) => {
     const Heading = `h${headingLevel}`;
     const { expanded } = useAccordionItemContext();
-    return (React.createElement(Heading, null,
-        React.createElement(Accordion$1.ItemTrigger, { className: cx("cobalt-accordion__header", {
+    return (jsx(Heading, { children: jsxs(Accordion$1.ItemTrigger, { className: cx("cobalt-accordion__header", {
                 "cobalt-accordion__header--left-toggle-icon": leftToggleIcon,
-            }), ...props },
-            React.createElement("span", { className: cx("cobalt-accordion__header-content", className) }, children),
-            React.createElement(ToggleIcon, { useChevron: useChevron, isOpen: expanded }))));
+            }), ...props, children: [jsx("span", { className: cx("cobalt-accordion__header-content", className), children: children }), jsx(ToggleIcon, { useChevron: useChevron, isOpen: expanded })] }) }));
 };
 AccordionItemHeader.displayName = "Accordion.Item.Header";
 const AccordionItemPanel = ({ children, className, ...props }) => {
-    return (React.createElement(Accordion$1.ItemContent, { className: cx("cobalt-accordion__panel", className), ...props }, children));
+    return (jsx(Accordion$1.ItemContent, { className: cx("cobalt-accordion__panel", className), ...props, children: children }));
 };
 AccordionItemPanel.displayName = "Accordion.Item.Panel";
 const AccordionItem = ({ children, className, value, ...props }) => {
-    const accordionItemId = value || useId();
-    return (React.createElement(Accordion$1.Item, { className: cx("cobalt-accordions-list__item", className), value: accordionItemId, ...props }, children));
+    const generatedId = useId();
+    const accordionItemId = value || generatedId;
+    return (jsx(Accordion$1.Item, { className: cx("cobalt-accordions-list__item", className), value: accordionItemId, ...props, children: children }));
 };
 AccordionItem.displayName = "Accordion.Item";
 AccordionItem.Header = AccordionItemHeader;
 AccordionItem.Panel = AccordionItemPanel;
 const Accordion = ({ className, children, collapsible = true, onValueChange, ...props }) => {
-    return (React.createElement(Accordion$1.Root, { className: cx("cobalt-accordions-list", className), collapsible: collapsible, onValueChange: (details) => onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(details.value), ...props }, children));
+    return (jsx(Accordion$1.Root, { className: cx("cobalt-accordions-list", className), collapsible: collapsible, onValueChange: (details) => onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(details.value), ...props, children: children }));
 };
 Accordion.displayName = "Accordion";
 Accordion.Item = AccordionItem;

package/components/Accordion/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/Accordion/index.tsx"],"sourcesContent":["import ~~React,~~ { ~~useId } from~~ \~~"react\"\nimport~~ {\n ~~AccordionItemProps~~ as ~~ArkAccordionItemProps~~,\n ~~AccordionItemTriggerProps~~ as ~~ArkAccordionItemTriggerProps~~,\n ~~AccordionRootProps~~ as ~~ArkAccordionRootProps~~,\n ~~Accordion~~ as ~~ArkAccordion~~,\n ~~useAccordionItemContext,\n AccordionItemContentProps~~ as ~~ArkAccordionItemContentProps~~,\n ~~AccordionValueChangeDetails~~,\n} from \"@ark-ui/react\"\nimport cx from \"classnames\"\nimport ToggleIcon from \"./ToggleIcon\"\n\nexport { useAccordionItemContext } from \"@ark-ui/react\"\n\ntype HeadingLevelMapType = {\n h2: 2\n h3: 3\n h4: 4\n h5: 5\n h6: 6\n}\n\ntype HeadingTag = keyof HeadingLevelMapType\n\nexport type AccordionItemHeaderPropsType = {\n /*\n To improve the semantics of the markup further, the ARIA guidelines dictate\n * that each accordion item's button should be wrapped in an element with\n * role=\"heading\", or more simply, an HTML heading tag.\n */\n headingLevel?: HeadingLevelMapType[HeadingTag]\n className?: string\n leftToggleIcon?: boolean\n useChevron?: boolean\n} & ArkAccordionItemTriggerProps\n\nexport type AccordionItemPanelPropsType = ArkAccordionItemContentProps\n\nexport type AccordionItemPropsType = Omit<ArkAccordionItemProps, \"value\"> & {\n value?: ArkAccordionItemProps[\"value\"]\n}\n\nexport type AccordionPropsType = Omit<\n ArkAccordionRootProps,\n \"onValueChange\"\n> & {\n onValueChange?: (value: AccordionValueChangeDetails[\"value\"]) => void\n}\n\nconst AccordionItemHeader = ({\n children,\n className,\n headingLevel = 4,\n leftToggleIcon,\n useChevron = false,\n ...props\n}: AccordionItemHeaderPropsType) => {\n const Heading = `h${headingLevel}` as HeadingTag\n const { expanded } = useAccordionItemContext()\n\n return (\n <Heading>\n <ArkAccordion.ItemTrigger\n className={cx(\"cobalt-accordion__header\", {\n \"cobalt-accordion__header--left-toggle-icon\": leftToggleIcon,\n })}\n {...props}\n >\n <span className={cx(\"cobalt-accordion__header-content\", className)}>\n {children}\n </span>\n <ToggleIcon useChevron={useChevron} isOpen={expanded} />\n </ArkAccordion.ItemTrigger>\n </Heading>\n )\n}\n\nAccordionItemHeader.displayName = \"Accordion.Item.Header\"\n\nconst AccordionItemPanel = ({\n children,\n className,\n ...props\n}: AccordionItemPanelPropsType) => {\n return (\n <ArkAccordion.ItemContent\n className={cx(\"cobalt-accordion__panel\", className)}\n {...props}\n >\n {children}\n </ArkAccordion.ItemContent>\n )\n}\n\nAccordionItemPanel.displayName = \"Accordion.Item.Panel\"\n\nconst AccordionItem = ({\n children,\n className,\n value,\n ...props\n}: AccordionItemPropsType) => {\n const accordionItemId = value \|\| ~~useId()~~\n\n return (\n <ArkAccordion.Item\n className={cx(\"cobalt-accordions-list__item\", className)}\n value={accordionItemId}\n {...props}\n >\n {children}\n </ArkAccordion.Item>\n )\n}\nAccordionItem.displayName = \"Accordion.Item\"\nAccordionItem.Header = AccordionItemHeader\nAccordionItem.Panel = AccordionItemPanel\n\nconst Accordion = ({\n className,\n children,\n collapsible = true,\n onValueChange,\n ...props\n}: AccordionPropsType) => {\n return (\n <ArkAccordion.Root\n className={cx(\"cobalt-accordions-list\", className)}\n collapsible={collapsible}\n onValueChange={(details) => onValueChange?.(details.value)}\n {...props}\n >\n {children}\n </ArkAccordion.Root>\n )\n}\n\nAccordion.displayName = \"Accordion\"\nAccordion.Item = AccordionItem\n\nexport default Accordion\n"],"names":["ArkAccordion"],"mappings":"~~;;;;;;~~AAkDA,MAAM,mBAAmB,GAAG,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,YAAY,GAAG,CAAC,EAChB,cAAc,EACd,UAAU,GAAG,KAAK,EAClB,GAAG,KAAK,EACqB,KAAI;AACjC,IAAA,MAAM,OAAO,GAAG,CAAI,CAAA,EAAA,YAAY,EAAgB,CAAA;AAChD,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,uBAAuB,EAAE,CAAA;~~IAE9C~~,~~QACE~~,~~oBAAC~~,OAAO,EAAA,~~IAAA;QACN~~,~~KAAC~~,~~CAAA~~,~~aAAA~~,~~CAAAA,~~WAAY,CAAC,WAAW,EAAA,EACvB,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE;AACxC,gBAAA,4CAA4C,EAAE,cAAc;AAC7D,aAAA,CAAC,~~KACE~~,KAAK,EAAA~~;YAET~~,~~KAAM~~,~~CAAA~~,~~aAAA,~~CAAA,MAAA,EAAA,~~EAAA~~,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,~~EAC~~/D,EAAA,~~QAAQ,~~CACJ~~;AACP~~,~~YAAA~~,~~KAAA~~,~~CAAA,aAAA,~~CAAC,UAAU,EAAA,EAAC,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAA,CAAI,CAC/B,CACnB,EACX;AACH,CAAC,CAAA;AAED,mBAAmB,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAEzD,MAAM,kBAAkB,GAAG,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACoB,KAAI;IAChC,~~QACE~~,~~oBAACA~~,WAAY,CAAC,WAAW,EACvB,EAAA,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EAC/C,GAAA,KAAK,~~IAER~~,QAAQ,CACgB,EAC5B;AACH,CAAC,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,sBAAsB,CAAA;AAEvD,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACe,KAAI;AAC3B,IAAA,MAAM,~~eAAe~~,GAAG,KAAK,~~IAAI,KAAK,~~EAAE,CAAA;~~IAExC~~,~~QACE~~,~~KAAC~~,CAAA,~~aAAA~~,~~CAAAA~~,WAAY,CAAC,IAAI,IAChB,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,EACxD,KAAK,EAAE,eAAe,EAAA,GAClB,KAAK,EAER,EAAA,QAAQ,~~CACS~~,EACrB;AACH,CAAC,CAAA;AACD,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAC5C,aAAa,CAAC,MAAM,GAAG,mBAAmB,CAAA;AAC1C,aAAa,CAAC,KAAK,GAAG,kBAAkB,CAAA;AAExC,MAAM,SAAS,GAAG,CAAC,EACjB,SAAS,EACT,QAAQ,EACR,WAAW,GAAG,IAAI,EAClB,aAAa,EACb,GAAG,KAAK,EACW,KAAI;AACvB,IAAA,~~QACE~~,~~KAAC~~,~~CAAA~~,~~aAAA,CAAAA,~~WAAY,CAAC,IAAI,EAAA,EAChB,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,EAClD,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,CAAC,OAAO,KAAK,aAAa,KAAb,IAAA,IAAA,aAAa,uBAAb,aAAa,CAAG,OAAO,CAAC,KAAK,CAAC,EACtD,GAAA,KAAK,~~IAER~~,QAAQ,CACS,EACrB;AACH,EAAC;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AACnC,SAAS,CAAC,IAAI,GAAG,aAAa;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/Accordion/index.tsx"],"sourcesContent":["import {\n type AccordionValueChangeDetails,\n Accordion as ArkAccordion,\n type AccordionItemContentProps as ArkAccordionItemContentProps,\n type AccordionItemProps as ArkAccordionItemProps,\n type AccordionItemTriggerProps as ArkAccordionItemTriggerProps,\n type AccordionRootProps as ArkAccordionRootProps,\n useAccordionItemContext,\n} from \"@ark-ui/react\"\nimport cx from \"classnames\"\nimport { useId } from \"react\"\nimport ToggleIcon from \"./ToggleIcon\"\n\nexport { useAccordionItemContext } from \"@ark-ui/react\"\n\ntype HeadingLevelMapType = {\n h2: 2\n h3: 3\n h4: 4\n h5: 5\n h6: 6\n}\n\ntype HeadingTag = keyof HeadingLevelMapType\n\nexport type AccordionItemHeaderPropsType = {\n /*\n To improve the semantics of the markup further, the ARIA guidelines dictate\n * that each accordion item's button should be wrapped in an element with\n * role=\"heading\", or more simply, an HTML heading tag.\n */\n headingLevel?: HeadingLevelMapType[HeadingTag]\n className?: string\n leftToggleIcon?: boolean\n useChevron?: boolean\n} & ArkAccordionItemTriggerProps\n\nexport type AccordionItemPanelPropsType = ArkAccordionItemContentProps\n\nexport type AccordionItemPropsType = Omit<ArkAccordionItemProps, \"value\"> & {\n value?: ArkAccordionItemProps[\"value\"]\n}\n\nexport type AccordionPropsType = Omit<\n ArkAccordionRootProps,\n \"onValueChange\"\n> & {\n onValueChange?: (value: AccordionValueChangeDetails[\"value\"]) => void\n}\n\nconst AccordionItemHeader = ({\n children,\n className,\n headingLevel = 4,\n leftToggleIcon,\n useChevron = false,\n ...props\n}: AccordionItemHeaderPropsType) => {\n const Heading = `h${headingLevel}` as HeadingTag\n const { expanded } = useAccordionItemContext()\n\n return (\n <Heading>\n <ArkAccordion.ItemTrigger\n className={cx(\"cobalt-accordion__header\", {\n \"cobalt-accordion__header--left-toggle-icon\": leftToggleIcon,\n })}\n {...props}\n >\n <span className={cx(\"cobalt-accordion__header-content\", className)}>\n {children}\n </span>\n <ToggleIcon useChevron={useChevron} isOpen={expanded} />\n </ArkAccordion.ItemTrigger>\n </Heading>\n )\n}\n\nAccordionItemHeader.displayName = \"Accordion.Item.Header\"\n\nconst AccordionItemPanel = ({\n children,\n className,\n ...props\n}: AccordionItemPanelPropsType) => {\n return (\n <ArkAccordion.ItemContent\n className={cx(\"cobalt-accordion__panel\", className)}\n {...props}\n >\n {children}\n </ArkAccordion.ItemContent>\n )\n}\n\nAccordionItemPanel.displayName = \"Accordion.Item.Panel\"\n\nconst AccordionItem = ({\n children,\n className,\n value,\n ...props\n}: AccordionItemPropsType) => {\n const generatedId = useId()\n const accordionItemId = value \|\| generatedId\n\n return (\n <ArkAccordion.Item\n className={cx(\"cobalt-accordions-list__item\", className)}\n value={accordionItemId}\n {...props}\n >\n {children}\n </ArkAccordion.Item>\n )\n}\nAccordionItem.displayName = \"Accordion.Item\"\nAccordionItem.Header = AccordionItemHeader\nAccordionItem.Panel = AccordionItemPanel\n\nconst Accordion = ({\n className,\n children,\n collapsible = true,\n onValueChange,\n ...props\n}: AccordionPropsType) => {\n return (\n <ArkAccordion.Root\n className={cx(\"cobalt-accordions-list\", className)}\n collapsible={collapsible}\n onValueChange={(details) => onValueChange?.(details.value)}\n {...props}\n >\n {children}\n </ArkAccordion.Root>\n )\n}\n\nAccordion.displayName = \"Accordion\"\nAccordion.Item = AccordionItem\n\nexport default Accordion\n"],"names":["_jsx","_jsxs","ArkAccordion"],"mappings":";;;;;;;AAkDA,MAAM,mBAAmB,GAAG,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,YAAY,GAAG,CAAC,EAChB,cAAc,EACd,UAAU,GAAG,KAAK,EAClB,GAAG,KAAK,EACqB,KAAI;AACjC,IAAA,MAAM,OAAO,GAAG,CAAI,CAAA,EAAA,YAAY,EAAgB,CAAA;AAChD,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,uBAAuB,EAAE,CAAA;AAE9C,IAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EAAA,QAAA,EACNC,KAACC,WAAY,CAAC,WAAW,EAAA,EACvB,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE;AACxC,gBAAA,4CAA4C,EAAE,cAAc;AAC7D,aAAA,CAAC,EACE,GAAA,KAAK,EAET,QAAA,EAAA,CAAAF,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,YAC/D,QAAQ,EAAA,CACJ,EACPA,GAAA,CAAC,UAAU,EAAA,EAAC,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAA,CAAI,CAC/B,EAAA,CAAA,EAAA,CACnB,EACX;AACH,CAAC,CAAA;AAED,mBAAmB,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAEzD,MAAM,kBAAkB,GAAG,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACoB,KAAI;IAChC,QACEA,IAACE,WAAY,CAAC,WAAW,EACvB,EAAA,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EAC/C,GAAA,KAAK,YAER,QAAQ,EAAA,CACgB,EAC5B;AACH,CAAC,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,sBAAsB,CAAA;AAEvD,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACe,KAAI;AAC3B,IAAA,MAAM,WAAW,GAAG,KAAK,EAAE,CAAA;AAC3B,IAAA,MAAM,eAAe,GAAG,KAAK,IAAI,WAAW,CAAA;IAE5C,QACEF,GAAC,CAAAE,WAAY,CAAC,IAAI,IAChB,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,EACxD,KAAK,EAAE,eAAe,EAAA,GAClB,KAAK,EAER,QAAA,EAAA,QAAQ,EACS,CAAA,EACrB;AACH,CAAC,CAAA;AACD,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAC5C,aAAa,CAAC,MAAM,GAAG,mBAAmB,CAAA;AAC1C,aAAa,CAAC,KAAK,GAAG,kBAAkB,CAAA;AAExC,MAAM,SAAS,GAAG,CAAC,EACjB,SAAS,EACT,QAAQ,EACR,WAAW,GAAG,IAAI,EAClB,aAAa,EACb,GAAG,KAAK,EACW,KAAI;AACvB,IAAA,QACEF,GAAC,CAAAE,WAAY,CAAC,IAAI,EAAA,EAChB,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,EAClD,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,CAAC,OAAO,KAAK,aAAa,KAAb,IAAA,IAAA,aAAa,uBAAb,aAAa,CAAG,OAAO,CAAC,KAAK,CAAC,EACtD,GAAA,KAAK,YAER,QAAQ,EAAA,CACS,EACrB;AACH,EAAC;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AACnC,SAAS,CAAC,IAAI,GAAG,aAAa;;;;"}

package/components/Alerter/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import React from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { createToaster, Portal, Toaster, Toast } from '@ark-ui/react';
-import '../Icon/index.js';
 import cx from 'classnames';
+import '../Icon/index.js';
 import InfoFilledIcon from '../Icon/__generated__/InfoFilledIcon.js';
 import CheckCircleIcon from '../Icon/__generated__/CheckCircleIcon.js';
 import ContextualWarningCircleFilledIcon from '../Icon/__generated__/ContextualWarningCircleFilledIcon.js';
@@ -39,17 +39,11 @@ const STATUS_ICON_COLOR_MAP = {
     error: "error",
 };
 const Alerter = ({ children }) => {
-    return (React.createElement(React.Fragment, null,
-        children,
-        React.createElement(Portal, null,
-            React.createElement(Toaster, { toaster: toaster, className: "cobalt-alerter" }, (toast) => {
-                const status = toast.type;
-                const IconComp = STATUS_ICONS_MAP[status];
-                return (React.createElement(Toast.Root, { className: cx("cobalt-alert"), key: toast.id },
-                    React.createElement("div", { className: "cobalt-alert__wrapper" },
-                        React.createElement(IconComp, { size: 20, color: STATUS_ICON_COLOR_MAP[status] }),
-                        React.createElement(Toast.Description, null, toast.description))));
-            }))));
+    return (jsxs(Fragment, { children: [children, jsx(Portal, { children: jsx(Toaster, { toaster: toaster, className: "cobalt-alerter", children: (toast) => {
+                        const status = toast.type;
+                        const IconComp = STATUS_ICONS_MAP[status];
+                        return (jsx(Toast.Root, { className: cx("cobalt-alert"), children: jsxs("div", { className: "cobalt-alert__wrapper", children: [jsx(IconComp, { size: 20, color: STATUS_ICON_COLOR_MAP[status] }), jsx(Toast.Description, { children: toast.description })] }) }, toast.id));
+                    } }) })] }));
 };
 export { Alerter as default, useAlerts };

package/components/Alerter/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/Alerter/index.tsx"],"sourcesContent":["import ~~React~~, { ~~type~~ ~~PropsWithChildren~~ } from \"react\"\nimport { ~~Toast,~~ ~~Toaster,~~ ~~createToaster,~~ ~~Portal~~ } from \"~~@ark-ui/~~react\"\nimport {\n ~~InfoFilledIcon,\n~~ CheckCircleIcon,\n ContextualWarningCircleFilledIcon,\n IconColorsType,\n} from \"../Icon\"\~~nimport cx from \"classnames\"\~~n\nconst DEFAULT_TIMEOUT = 3000\nconst MAX_TEXT_TIMEOUT = 9000\n\nexport type AlertStatus = \"info\" \| \"success\" \| \"error\"\n\nconst computeTimeDurationFromText = (\n content: string \| React.ReactNode\n): number => {\n if (typeof content !== \"string\") return DEFAULT_TIMEOUT\n return Math.min(\n Math.max(DEFAULT_TIMEOUT, content.length * 90),\n MAX_TEXT_TIMEOUT\n )\n}\n\nconst toaster = createToaster({\n overlap: true,\n gap: 12,\n placement: \"bottom\",\n max: 12,\n})\n\nexport const useAlerts = () => {\n return {\n sendAlert: ({\n message,\n status,\n duration,\n }: {\n message: React.ReactNode\n status: AlertStatus\n duration?: number\n }) =>\n toaster.create({\n description: message,\n type: status,\n duration: duration ?? computeTimeDurationFromText(message),\n }),\n }\n}\n\nconst STATUS_ICONS_MAP: { [k in AlertStatus]: typeof InfoFilledIcon } = {\n info: InfoFilledIcon,\n success: CheckCircleIcon,\n error: ContextualWarningCircleFilledIcon,\n}\n\nconst STATUS_ICON_COLOR_MAP: { [k in AlertStatus]: IconColorsType } = {\n info: \"tertiary\",\n success: \"success\",\n error: \"error\",\n}\n\nconst Alerter = ({ children }: PropsWithChildren) => {\n return (\n <>\n {children}\n <Portal>\n <Toaster toaster={toaster} className=\"cobalt-alerter\">\n {(toast) => {\n const status = toast.type as AlertStatus\n const IconComp = STATUS_ICONS_MAP[status]\n return (\n <Toast.Root className={cx(\"cobalt-alert\")} key={toast.id}>\n <div className=\"cobalt-alert__wrapper\">\n <IconComp size={20} color={STATUS_ICON_COLOR_MAP[status]} />\n <Toast.Description>{toast.description}</Toast.Description>\n </div>\n </Toast.Root>\n )\n }}\n </Toaster>\n </Portal>\n </>\n )\n}\n\nexport default Alerter\n"],"names":[],"mappings":";;;;;;;;~~AAUA~~,MAAM,eAAe,GAAG,IAAI,CAAA;AAC5B,MAAM,gBAAgB,GAAG,IAAI,CAAA;AAI7B,MAAM,2BAA2B,GAAG,CAClC,OAAiC,KACvB;IACV,IAAI,OAAO,OAAO,KAAK,QAAQ;AAAE,QAAA,OAAO,eAAe,CAAA;AACvD,IAAA,OAAO,IAAI,CAAC,GAAG,CACb,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,OAAO,CAAC,MAAM,GAAG,EAAE,CAAC,EAC9C,gBAAgB,CACjB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,aAAa,CAAC;AAC5B,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,GAAG,EAAE,EAAE;AACP,IAAA,SAAS,EAAE,QAAQ;AACnB,IAAA,GAAG,EAAE,EAAE;AACR,CAAA,CAAC,CAAA;AAEK,MAAM,SAAS,GAAG,MAAK;IAC5B,OAAO;AACL,QAAA,SAAS,EAAE,CAAC,EACV,OAAO,EACP,MAAM,EACN,QAAQ,GAKT,KACC,OAAO,CAAC,MAAM,CAAC;AACb,YAAA,WAAW,EAAE,OAAO;AACpB,YAAA,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAR,QAAQ,GAAI,2BAA2B,CAAC,OAAO,CAAC;SAC3D,CAAC;KACL,CAAA;AACH,EAAC;AAED,MAAM,gBAAgB,GAAkD;AACtE,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,KAAK,EAAE,iCAAiC;CACzC,CAAA;AAED,MAAM,qBAAqB,GAA2C;AACpE,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,OAAO;CACf,CAAA;AAED,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAqB,KAAI;~~AAClD~~,~~IAAA~~,~~QACE~~,~~KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACG,~~QAAQ~~;AACT~~,~~QAAA~~,~~KAAA~~,~~CAAA,aAAA,CAAC,~~MAAM,EAAA,~~IAAA;AACL~~,~~YAAA~~,~~KAAA~~,~~CAAA~~,~~aAAA,CAAC,~~OAAO,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,gBAAgB,EAAA,~~EAClD,~~CAAC,KAAK,KAAI;AACT,~~gBAAA~~,MAAM,MAAM,GAAG,KAAK,CAAC,IAAmB,CAAA;AACxC,~~gBAAA~~,MAAM,QAAQ,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;~~AACzC~~,~~gBAAA~~,~~QACE~~,~~KAAC,CAAA,aAAA,CAAA,~~KAAK,CAAC,IAAI,~~IAAC~~,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,~~EAAE~~,~~GAAG~~,~~EAAE~~,~~KAAK~~,~~CAAC,EAAE,EAAA;oBACtD,KAAK,~~CAAA,~~aAAA,CAAA,~~KAAA,EAAA,~~EAAA~~,SAAS,EAAC,uBAAuB,~~EAAA;AACpC~~,~~wBAAA~~,~~KAAA,~~CAAA,~~aAAA~~,~~CAAC~~,~~QAAQ,~~EAAA,~~EAAC,~~IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,qBAAqB,CAAC,MAAM,CAAC,EAAI,CAAA~~;wBAC5D~~,~~KAAC~~,~~CAAA~~,~~aAAA,~~CAAA,KAAK,CAAC,WAAW,~~EAAE~~,~~IAAA,EAAA,~~KAAK,CAAC,WAAW,CAAqB,CACtD,~~CACK~~,EACd;AACH,~~aAAC~~,~~CACO~~,CACH,CACR,EACJ;AACH;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/Alerter/index.tsx"],"sourcesContent":["import { createToaster, Portal, Toast, Toaster } from \"@ark-ui/react\"\nimport cx from \"classnames\"\nimport type React from \"react\"\nimport type { PropsWithChildren } from \"react\"\nimport {\n CheckCircleIcon,\n ContextualWarningCircleFilledIcon,\n type IconColorsType,\n InfoFilledIcon,\n} from \"../Icon\"\n\nconst DEFAULT_TIMEOUT = 3000\nconst MAX_TEXT_TIMEOUT = 9000\n\nexport type AlertStatus = \"info\" \| \"success\" \| \"error\"\n\nconst computeTimeDurationFromText = (\n content: string \| React.ReactNode,\n): number => {\n if (typeof content !== \"string\") return DEFAULT_TIMEOUT\n return Math.min(\n Math.max(DEFAULT_TIMEOUT, content.length * 90),\n MAX_TEXT_TIMEOUT,\n )\n}\n\nconst toaster = createToaster({\n overlap: true,\n gap: 12,\n placement: \"bottom\",\n max: 12,\n})\n\nexport const useAlerts = () => {\n return {\n sendAlert: ({\n message,\n status,\n duration,\n }: {\n message: React.ReactNode\n status: AlertStatus\n duration?: number\n }) =>\n toaster.create({\n description: message,\n type: status,\n duration: duration ?? computeTimeDurationFromText(message),\n }),\n }\n}\n\nconst STATUS_ICONS_MAP: { [k in AlertStatus]: typeof InfoFilledIcon } = {\n info: InfoFilledIcon,\n success: CheckCircleIcon,\n error: ContextualWarningCircleFilledIcon,\n}\n\nconst STATUS_ICON_COLOR_MAP: { [k in AlertStatus]: IconColorsType } = {\n info: \"tertiary\",\n success: \"success\",\n error: \"error\",\n}\n\nconst Alerter = ({ children }: PropsWithChildren) => {\n return (\n <>\n {children}\n <Portal>\n <Toaster toaster={toaster} className=\"cobalt-alerter\">\n {(toast) => {\n const status = toast.type as AlertStatus\n const IconComp = STATUS_ICONS_MAP[status]\n return (\n <Toast.Root className={cx(\"cobalt-alert\")} key={toast.id}>\n <div className=\"cobalt-alert__wrapper\">\n <IconComp size={20} color={STATUS_ICON_COLOR_MAP[status]} />\n <Toast.Description>{toast.description}</Toast.Description>\n </div>\n </Toast.Root>\n )\n }}\n </Toaster>\n </Portal>\n </>\n )\n}\n\nexport default Alerter\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAWA,MAAM,eAAe,GAAG,IAAI,CAAA;AAC5B,MAAM,gBAAgB,GAAG,IAAI,CAAA;AAI7B,MAAM,2BAA2B,GAAG,CAClC,OAAiC,KACvB;IACV,IAAI,OAAO,OAAO,KAAK,QAAQ;AAAE,QAAA,OAAO,eAAe,CAAA;AACvD,IAAA,OAAO,IAAI,CAAC,GAAG,CACb,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,OAAO,CAAC,MAAM,GAAG,EAAE,CAAC,EAC9C,gBAAgB,CACjB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,aAAa,CAAC;AAC5B,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,GAAG,EAAE,EAAE;AACP,IAAA,SAAS,EAAE,QAAQ;AACnB,IAAA,GAAG,EAAE,EAAE;AACR,CAAA,CAAC,CAAA;AAEK,MAAM,SAAS,GAAG,MAAK;IAC5B,OAAO;AACL,QAAA,SAAS,EAAE,CAAC,EACV,OAAO,EACP,MAAM,EACN,QAAQ,GAKT,KACC,OAAO,CAAC,MAAM,CAAC;AACb,YAAA,WAAW,EAAE,OAAO;AACpB,YAAA,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAR,QAAQ,GAAI,2BAA2B,CAAC,OAAO,CAAC;SAC3D,CAAC;KACL,CAAA;AACH,EAAC;AAED,MAAM,gBAAgB,GAAkD;AACtE,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,KAAK,EAAE,iCAAiC;CACzC,CAAA;AAED,MAAM,qBAAqB,GAA2C;AACpE,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,OAAO;CACf,CAAA;AAED,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAqB,KAAI;IAClD,QACEA,4BACG,QAAQ,EACTC,IAAC,MAAM,EAAA,EAAA,QAAA,EACLA,IAAC,OAAO,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,gBAAgB,EAClD,QAAA,EAAA,CAAC,KAAK,KAAI;AACT,wBAAA,MAAM,MAAM,GAAG,KAAK,CAAC,IAAmB,CAAA;AACxC,wBAAA,MAAM,QAAQ,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;wBACzC,QACEA,IAAC,KAAK,CAAC,IAAI,EAAC,EAAA,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EACvC,QAAA,EAAAD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uBAAuB,aACpCC,GAAC,CAAA,QAAQ,EAAC,EAAA,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,qBAAqB,CAAC,MAAM,CAAC,EAAI,CAAA,EAC5DA,GAAC,CAAA,KAAK,CAAC,WAAW,cAAE,KAAK,CAAC,WAAW,EAAA,CAAqB,CACtD,EAAA,CAAA,EAAA,EAJwC,KAAK,CAAC,EAAE,CAK3C,EACd;AACH,qBAAC,EACO,CAAA,EAAA,CACH,CACR,EAAA,CAAA,EACJ;AACH;;;;"}

package/components/BasicCell/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import cx from 'classnames';
 const BasicCell = ({ leftAddonIcon, leftAddonThumbUrl, leftAddonThumbAlt, leftAddonThumbSquare, title, children, rightAddonIcon, large = false, }) => {
@@ -7,19 +7,13 @@ const BasicCell = ({ leftAddonIcon, leftAddonThumbUrl, leftAddonThumbAlt, leftAd
         leftAddon = leftAddonIcon;
     else if (leftAddonThumbUrl != null) {
         const leftAddonThumbSize = large ? 64 : 44;
-        leftAddon = (React.createElement("div", { className: cx("cobalt-BasicCell__Thumb", {
+        leftAddon = (jsx("div", { className: cx("cobalt-BasicCell__Thumb", {
                 "cobalt-BasicCell__Thumb--square": leftAddonThumbSquare,
-            }) },
-            React.createElement("img", { src: leftAddonThumbUrl, alt: leftAddonThumbAlt, width: leftAddonThumbSize, height: leftAddonThumbSize })));
+            }), children: jsx("img", { src: leftAddonThumbUrl, alt: leftAddonThumbAlt, width: leftAddonThumbSize, height: leftAddonThumbSize }) }));
     }
-    return (React.createElement("div", { className: cx("cobalt-BasicCell", {
+    return (jsxs("div", { className: cx("cobalt-BasicCell", {
             "cobalt-BasicCell--large": large === true,
-        }) },
-        leftAddon != null && (React.createElement("div", { className: "cobalt-BasicCell__LeftAddon" }, leftAddon)),
-        React.createElement("div", { className: "cobalt-BasicCell__Main" },
-            React.createElement("div", { className: "cobalt-BasicCell__Title" }, title),
-            React.createElement("div", { className: "cobalt-BasicCell__Content" }, children)),
-        rightAddonIcon != null && (React.createElement("div", { className: "cobalt-BasicCell__RightAddonIcon" }, rightAddonIcon))));
+        }), children: [leftAddon != null && (jsx("div", { className: "cobalt-BasicCell__LeftAddon", children: leftAddon })), jsxs("div", { className: "cobalt-BasicCell__Main", children: [jsx("div", { className: "cobalt-BasicCell__Title", children: title }), jsx("div", { className: "cobalt-BasicCell__Content", children: children })] }), rightAddonIcon != null && (jsx("div", { className: "cobalt-BasicCell__RightAddonIcon", children: rightAddonIcon }))] }));
 };
 export { BasicCell };

package/components/BasicCell/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/BasicCell/index.tsx"],"sourcesContent":["import ~~React~~ from \"~~react~~\"\nimport cx from \"~~classnames~~\"\n\nexport interface BasicCellProps {\n children: React.ReactNode\n leftAddonIcon?: React.ReactNode\n leftAddonThumbUrl?: string\n leftAddonThumbAlt?: string\n leftAddonThumbSquare?: boolean\n title: string\n rightAddonIcon?: React.ReactNode\n large?: boolean\n}\n\nexport const BasicCell = ({\n leftAddonIcon,\n leftAddonThumbUrl,\n leftAddonThumbAlt,\n leftAddonThumbSquare,\n title,\n children,\n rightAddonIcon,\n large = false,\n}: BasicCellProps) => {\n let leftAddon: React.ReactNode \| BasicCellProps[\"leftAddonIcon\"] \| null = null\n\n if (leftAddonIcon != null) leftAddon = leftAddonIcon\n else if (leftAddonThumbUrl != null) {\n const leftAddonThumbSize = large ? 64 : 44\n leftAddon = (\n <div\n className={cx(\"cobalt-BasicCell__Thumb\", {\n \"cobalt-BasicCell__Thumb--square\": leftAddonThumbSquare,\n })}\n >\n <img\n src={leftAddonThumbUrl}\n alt={leftAddonThumbAlt}\n width={leftAddonThumbSize}\n height={leftAddonThumbSize}\n />\n </div>\n )\n }\n\n return (\n <div\n className={cx(\"cobalt-BasicCell\", {\n \"cobalt-BasicCell--large\": large === true,\n })}\n >\n {leftAddon != null && (\n <div className=\"cobalt-BasicCell__LeftAddon\">{leftAddon}</div>\n )}\n <div className=\"cobalt-BasicCell__Main\">\n <div className=\"cobalt-BasicCell__Title\">{title}</div>\n <div className=\"cobalt-BasicCell__Content\">{children}</div>\n </div>\n {rightAddonIcon != null && (\n <div className=\"cobalt-BasicCell__RightAddonIcon\">{rightAddonIcon}</div>\n )}\n </div>\n )\n}\n"],"names":[],"mappings":";;;AAca,MAAA,SAAS,GAAG,CAAC,EACxB,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,KAAK,EACL,QAAQ,EACR,cAAc,EACd,KAAK,GAAG,KAAK,GACE,KAAI;IACnB,IAAI,SAAS,GAA6D,IAAI,CAAA;IAE9E,IAAI,aAAa,IAAI,IAAI;QAAE,SAAS,GAAG,aAAa,CAAA;AAC/C,SAAA,IAAI,iBAAiB,IAAI,IAAI,EAAE;QAClC,MAAM,kBAAkB,GAAG,KAAK,GAAG,EAAE,GAAG,EAAE,CAAA;QAC1C,SAAS,~~IACP~~,~~KACE~~,CAAA,~~aAAA,CAAA,~~KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;AACvC,gBAAA,iCAAiC,EAAE,oBAAoB;aACxD,CAAC,EAAA~~;AAEF~~,~~YAAA~~,~~KAAA~~,~~CAAA~~,~~aAAA,CAAA,KAAA,EAAA,EACE,~~GAAG,EAAE,iBAAiB,EACtB,GAAG,EAAE,iBAAiB,EACtB,KAAK,EAAE,kBAAkB,EACzB,MAAM,EAAE,kBAAkB,EAC1B,CAAA,CACE,CACP,CAAA;KACF;AAED,IAAA,~~QACE~~,~~KACE~~,CAAA,~~aAAA,CAAA,~~KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE;YAChC,yBAAyB,EAAE,KAAK,KAAK,IAAI;SAC1C,CAAC,EAAA~~;QAED~~,SAAS,IAAI,IAAI,~~KAChB~~,~~KAAA~~,CAAA,~~aAAA,CAAA,~~KAAA,EAAA,~~EAAK~~,SAAS,EAAC,6BAA6B,EAAA,~~EAAE,~~SAAS,~~CAAO~~,CAC/D~~;QACD~~,~~KAAK~~,~~CAAA~~,~~aAAA,~~CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,wBAAwB,~~EAAA;AACrC~~,~~YAAA~~,~~KAAA,~~CAAA,~~aAAA,CAAA,~~KAAA,EAAA,~~EAAK~~,SAAS,EAAC,yBAAyB,~~EAAA,~~EAAE,~~KAAK~~,~~CAAO;AACtD~~,~~YAAA~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2BAA2B,EAAE,~~EAAA,~~QAAQ,~~CAAO~~,CACvD~~;AACL~~,~~QAAA~~,cAAc,IAAI,IAAI,~~KACrB~~,~~6BAAK~~,SAAS,EAAC,kCAAkC,EAAA,EAAE,cAAc,~~CAAO~~,CACzE,CACG,EACP;AACH;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/BasicCell/index.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport type React from \"react\"\n\nexport interface BasicCellProps {\n children: React.ReactNode\n leftAddonIcon?: React.ReactNode\n leftAddonThumbUrl?: string\n leftAddonThumbAlt?: string\n leftAddonThumbSquare?: boolean\n title: string\n rightAddonIcon?: React.ReactNode\n large?: boolean\n}\n\nexport const BasicCell = ({\n leftAddonIcon,\n leftAddonThumbUrl,\n leftAddonThumbAlt,\n leftAddonThumbSquare,\n title,\n children,\n rightAddonIcon,\n large = false,\n}: BasicCellProps) => {\n let leftAddon: React.ReactNode \| BasicCellProps[\"leftAddonIcon\"] \| null = null\n\n if (leftAddonIcon != null) leftAddon = leftAddonIcon\n else if (leftAddonThumbUrl != null) {\n const leftAddonThumbSize = large ? 64 : 44\n leftAddon = (\n <div\n className={cx(\"cobalt-BasicCell__Thumb\", {\n \"cobalt-BasicCell__Thumb--square\": leftAddonThumbSquare,\n })}\n >\n <img\n src={leftAddonThumbUrl}\n alt={leftAddonThumbAlt}\n width={leftAddonThumbSize}\n height={leftAddonThumbSize}\n />\n </div>\n )\n }\n\n return (\n <div\n className={cx(\"cobalt-BasicCell\", {\n \"cobalt-BasicCell--large\": large === true,\n })}\n >\n {leftAddon != null && (\n <div className=\"cobalt-BasicCell__LeftAddon\">{leftAddon}</div>\n )}\n <div className=\"cobalt-BasicCell__Main\">\n <div className=\"cobalt-BasicCell__Title\">{title}</div>\n <div className=\"cobalt-BasicCell__Content\">{children}</div>\n </div>\n {rightAddonIcon != null && (\n <div className=\"cobalt-BasicCell__RightAddonIcon\">{rightAddonIcon}</div>\n )}\n </div>\n )\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;AAca,MAAA,SAAS,GAAG,CAAC,EACxB,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,KAAK,EACL,QAAQ,EACR,cAAc,EACd,KAAK,GAAG,KAAK,GACE,KAAI;IACnB,IAAI,SAAS,GAA6D,IAAI,CAAA;IAE9E,IAAI,aAAa,IAAI,IAAI;QAAE,SAAS,GAAG,aAAa,CAAA;AAC/C,SAAA,IAAI,iBAAiB,IAAI,IAAI,EAAE;QAClC,MAAM,kBAAkB,GAAG,KAAK,GAAG,EAAE,GAAG,EAAE,CAAA;QAC1C,SAAS,IACPA,GACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;AACvC,gBAAA,iCAAiC,EAAE,oBAAoB;aACxD,CAAC,EAAA,QAAA,EAEFA,aACE,GAAG,EAAE,iBAAiB,EACtB,GAAG,EAAE,iBAAiB,EACtB,KAAK,EAAE,kBAAkB,EACzB,MAAM,EAAE,kBAAkB,EAC1B,CAAA,EAAA,CACE,CACP,CAAA;KACF;AAED,IAAA,QACEC,IACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE;YAChC,yBAAyB,EAAE,KAAK,KAAK,IAAI;SAC1C,CAAC,EAAA,QAAA,EAAA,CAED,SAAS,IAAI,IAAI,KAChBD,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,6BAA6B,EAAE,QAAA,EAAA,SAAS,GAAO,CAC/D,EACDC,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,wBAAwB,aACrCD,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yBAAyB,EAAE,QAAA,EAAA,KAAK,GAAO,EACtDA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2BAA2B,EAAA,QAAA,EAAE,QAAQ,EAAO,CAAA,CAAA,EAAA,CACvD,EACL,cAAc,IAAI,IAAI,KACrBA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAE,cAAc,EAAO,CAAA,CACzE,CACG,EAAA,CAAA,EACP;AACH;;;;"}

package/components/BulletList/index.js CHANGED Viewed

@@ -1,12 +1,10 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import cx from 'classnames';
-const BulletList = ({ children, iconPosition = "centered", }) => (React.createElement("ul", { className: cx("cobalt-BulletList", {
+const BulletList = ({ children, iconPosition = "centered", }) => (jsx("ul", { className: cx("cobalt-BulletList", {
         "cobalt-BulletList--iconPositionTop": iconPosition === "top",
-    }) }, children));
-const BulletListItem = ({ children, icon }) => (React.createElement("li", { className: "cobalt-BulletListItem" },
-    React.createElement("span", { className: "cobalt-BulletListItem__Icon" }, icon),
-    React.createElement("p", { className: "cobalt-BulletListItem__Content" }, children)));
+    }), children: children }));
+const BulletListItem = ({ children, icon }) => (jsxs("li", { className: "cobalt-BulletListItem", children: [jsx("span", { className: "cobalt-BulletListItem__Icon", children: icon }), jsx("p", { className: "cobalt-BulletListItem__Content", children: children })] }));
 export { BulletList, BulletListItem };
 //# sourceMappingURL=index.js.map

package/components/BulletList/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/BulletList/index.tsx"],"sourcesContent":["import ~~React~~ from \"~~react~~\"\nimport ~~classNames~~ from \"~~classnames~~\"\nimport { Icon } from \"../Icon\"\n\nexport interface BulletListProps {\n children: React.ReactNode\n iconPosition?: \"top\" \| \"centered\"\n}\n\nexport const BulletList = ({\n children,\n iconPosition = \"centered\",\n}: BulletListProps) => (\n <ul\n className={classNames(\"cobalt-BulletList\", {\n \"cobalt-BulletList--iconPositionTop\": iconPosition === \"top\",\n })}\n >\n {children}\n </ul>\n)\n\ninterface BulletListItemProps {\n children: React.ReactNode\n icon: ReturnType<typeof Icon>\n}\n\nexport const BulletListItem = ({ children, icon }: BulletListItemProps) => (\n <li className=\"cobalt-BulletListItem\">\n <span className=\"cobalt-BulletListItem__Icon\">{icon}</span>\n <p className=\"cobalt-BulletListItem__Content\">{children}</p>\n </li>\n)\n"],"names":["classNames"],"mappings":";;;MASa,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,YAAY,GAAG,UAAU,GACT,~~MAChB~~,~~KAAA~~,CAAA,~~aAAA,CAAA,~~IAAA,EAAA,EACE,SAAS,~~EAAEA~~,EAAU,CAAC,mBAAmB,EAAE;QACzC,oCAAoC,EAAE,YAAY,KAAK,KAAK;AAC7D,KAAA,CAAC,EAED,EAAA,QAAQ,~~CACN~~,EACN;AAOY,MAAA,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAuB,~~MACpE~~,~~KAAI~~,CAAA,~~aAAA,CAAA,~~IAAA,EAAA,~~EAAA~~,SAAS,EAAC,uBAAuB,~~EAAA;AACnC~~,~~IAAA~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,6BAA6B,EAAA,~~EAAE,~~IAAI,~~CAAQ;IAC3D~~,~~KAAG~~,~~CAAA~~,~~aAAA,~~CAAA,GAAA,EAAA,~~EAAA~~,SAAS,EAAC,gCAAgC,EAAA,~~EAAE,~~QAAQ,~~CAAK~~,CACzD;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/BulletList/index.tsx"],"sourcesContent":["import classNames from \"classnames\"\nimport type React from \"react\"\nimport type { Icon } from \"../Icon\"\n\nexport interface BulletListProps {\n children: React.ReactNode\n iconPosition?: \"top\" \| \"centered\"\n}\n\nexport const BulletList = ({\n children,\n iconPosition = \"centered\",\n}: BulletListProps) => (\n <ul\n className={classNames(\"cobalt-BulletList\", {\n \"cobalt-BulletList--iconPositionTop\": iconPosition === \"top\",\n })}\n >\n {children}\n </ul>\n)\n\ninterface BulletListItemProps {\n children: React.ReactNode\n icon: ReturnType<typeof Icon>\n}\n\nexport const BulletListItem = ({ children, icon }: BulletListItemProps) => (\n <li className=\"cobalt-BulletListItem\">\n <span className=\"cobalt-BulletListItem__Icon\">{icon}</span>\n <p className=\"cobalt-BulletListItem__Content\">{children}</p>\n </li>\n)\n"],"names":["_jsx","classNames","_jsxs"],"mappings":";;;MASa,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,YAAY,GAAG,UAAU,GACT,MAChBA,GAAA,CAAA,IAAA,EAAA,EACE,SAAS,EAAEC,EAAU,CAAC,mBAAmB,EAAE;QACzC,oCAAoC,EAAE,YAAY,KAAK,KAAK;AAC7D,KAAA,CAAC,EAED,QAAA,EAAA,QAAQ,EACN,CAAA,EACN;AAOY,MAAA,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAuB,MACpEC,IAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,uBAAuB,EACnC,QAAA,EAAA,CAAAF,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,6BAA6B,EAAE,QAAA,EAAA,IAAI,GAAQ,EAC3DA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,gCAAgC,EAAE,QAAA,EAAA,QAAQ,EAAK,CAAA,CAAA,EAAA,CACzD;;;;"}

package/components/Buttons/Button/ButtonComponent.js CHANGED Viewed

@@ -1,20 +1,17 @@
-import React, { forwardRef } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
 import '../../Icon/index.js';
 import LoadingIcon from '../../Icon/__generated__/LoadingIcon.js';
-const InnerButton = ({ children, loading, }) => (React.createElement(React.Fragment, null,
-    loading && React.createElement(LoadingIcon, { className: "cobalt-button__loading-icon" }),
-    children));
+const InnerButton = ({ children, loading, }) => (jsxs(Fragment, { children: [loading && jsx(LoadingIcon, { className: "cobalt-button__loading-icon" }), children] }));
 const ButtonBase = forwardRef((props, ref) => {
     const { disabled, loading, children, ...restProps } = props;
-    return (React.createElement("button", { ref: ref, "aria-disabled": disabled || loading, "aria-busy": loading, disabled: disabled || loading, ...restProps },
-        React.createElement(InnerButton, { loading: loading }, children)));
+    return (jsx("button", { ref: ref, "aria-disabled": disabled || loading, "aria-busy": loading, disabled: disabled || loading, ...restProps, children: jsx(InnerButton, { loading: loading, children: children }) }));
 });
 ButtonBase.displayName = "ButtonBase";
 const ButtonLinkBase = forwardRef((props, ref) => {
     const { disabled, target, rel, loading, children, ...restProps } = props;
-    return (React.createElement("a", { ref: ref, "aria-disabled": disabled || loading, "aria-busy": loading, "data-disabled": disabled || loading, target: target, rel: target === "_blank" && !rel ? "noopener noreferrer" : rel, ...restProps },
-        React.createElement(InnerButton, { loading: loading }, children)));
+    return (jsx("a", { ref: ref, "aria-disabled": disabled || loading, "aria-busy": loading, "data-disabled": disabled || loading, target: target, rel: target === "_blank" && !rel ? "noopener noreferrer" : rel, ...restProps, children: jsx(InnerButton, { loading: loading, children: children }) }));
 });
 ButtonLinkBase.displayName = "ButtonLinkBase";

package/components/Buttons/Button/ButtonComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonComponent.js","sources":["../../../../src/components/Buttons/Button/ButtonComponent.tsx"],"sourcesContent":["import ~~React,~~ { forwardRef } from \"react\"\nimport { LoadingIcon } from \"../../Icon\"\nimport { ButtonComponentProps, ButtonLinkComponentProps } from \"./type\"\n\nconst InnerButton = ({\n children,\n loading,\n}: {\n children:\n \| ButtonComponentProps[\"children\"]\n \| ButtonLinkComponentProps[\"children\"]\n loading: ButtonComponentProps[\"loading\"] \| ButtonLinkComponentProps[\"loading\"]\n}) => (\n <>\n {loading && <LoadingIcon className=\"cobalt-button__loading-icon\" />}\n {children}\n </>\n)\n\nexport const ButtonBase = forwardRef<HTMLButtonElement, ButtonComponentProps>(\n (props: ButtonComponentProps, ref) => {\n const { disabled, loading, children, ...restProps } = props\n return (\n <button\n ref={ref}\n aria-disabled={disabled \|\| loading}\n aria-busy={loading}\n disabled={disabled \|\| loading}\n {...restProps}\n >\n <InnerButton loading={loading}>{children}</InnerButton>\n </button>\n )\n }\n)\nButtonBase.displayName = \"ButtonBase\"\n\nexport const ButtonLinkBase = forwardRef<\n HTMLAnchorElement,\n ButtonLinkComponentProps\n>((props: ButtonLinkComponentProps, ref) => {\n const { disabled, target, rel, loading, children, ...restProps } = props\n return (\n <a\n ref={ref}\n aria-disabled={disabled \|\| loading}\n aria-busy={loading}\n data-disabled={disabled \|\| loading}\n target={target}\n rel={target === \"_blank\" && !rel ? \"noopener noreferrer\" : rel}\n {...restProps}\n >\n <InnerButton loading={loading}>{children}</InnerButton>\n </a>\n )\n})\nButtonLinkBase.displayName = \"ButtonLinkBase\"\n"],"names":[],"mappings":"~~;;;;~~AAIA,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,OAAO,GAMR,~~MACC~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~CAAA,~~QAAA,EAAA,~~IAAA;AACG~~,~~IAAA,~~OAAO,~~IAAI~~,~~KAAC~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~WAAW~~,~~IAAC,~~SAAS,EAAC,6BAA6B,~~EAAG~~,~~CAAA;IAClE~~,QAAQ,CACR,CACJ,CAAA;AAEY,MAAA,UAAU,GAAG,UAAU,CAClC,CAAC,KAA2B,EAAE,GAAG,KAAI;AACnC,IAAA,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;AAC3D,IAAA,~~QACE~~,~~KACE~~,CAAA,~~aAAA,CAAA,~~QAAA,EAAA,~~EAAA~~,GAAG,EAAE,GAAG,EAAA,eAAA,EACO,QAAQ,IAAI,OAAO,~~EACvB~~,WAAA,~~EAAA~~,OAAO,EAClB,QAAQ,EAAE,QAAQ,IAAI,OAAO,~~KACzB~~,SAAS,~~EAAA;QAEb~~,~~KAAC~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,WAAW,EAAC,EAAA,OAAO,EAAE,OAAO,~~IAAG~~,QAAQ,~~CAAe~~,CAChD,EACV;AACH,CAAC,EACF;AACD,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAExB,MAAA,cAAc,GAAG,UAAU,CAGtC,CAAC,KAA+B,EAAE,GAAG,KAAI;AACzC,IAAA,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;~~AACxE~~,~~IAAA~~,~~QACE~~,~~KACE~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~GAAA~~,EAAA,~~EAAA,GAAG,EAAE,GAAG,mBACO,~~QAAQ,IAAI,OAAO,~~EAAA~~,WAAA,~~EACvB~~,OAAO,~~EACH~~,~~eAAA,EAAA,~~QAAQ,IAAI,OAAO,EAClC,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,KAAK,QAAQ,IAAI,CAAC,GAAG,GAAG,qBAAqB,GAAG,GAAG,~~KAC1D~~,SAAS,~~EAAA;QAEb~~,~~KAAC~~,CAAA,~~aAAA,CAAA,~~WAAW,EAAC,EAAA,OAAO,EAAE,OAAO,~~IAAG~~,QAAQ,CAAe,~~CACrD~~,EACL;AACH,CAAC,EAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
1	+ {"version":3,"file":"ButtonComponent.js","sources":["../../../../src/components/Buttons/Button/ButtonComponent.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\nimport { LoadingIcon } from \"../../Icon\"\nimport type { ButtonComponentProps, ButtonLinkComponentProps } from \"./type\"\n\nconst InnerButton = ({\n children,\n loading,\n}: {\n children:\n \| ButtonComponentProps[\"children\"]\n \| ButtonLinkComponentProps[\"children\"]\n loading: ButtonComponentProps[\"loading\"] \| ButtonLinkComponentProps[\"loading\"]\n}) => (\n <>\n {loading && <LoadingIcon className=\"cobalt-button__loading-icon\" />}\n {children}\n </>\n)\n\nexport const ButtonBase = forwardRef<HTMLButtonElement, ButtonComponentProps>(\n (props: ButtonComponentProps, ref) => {\n const { disabled, loading, children, ...restProps } = props\n return (\n <button\n ref={ref}\n aria-disabled={disabled \|\| loading}\n aria-busy={loading}\n disabled={disabled \|\| loading}\n {...restProps}\n >\n <InnerButton loading={loading}>{children}</InnerButton>\n </button>\n )\n },\n)\nButtonBase.displayName = \"ButtonBase\"\n\nexport const ButtonLinkBase = forwardRef<\n HTMLAnchorElement,\n ButtonLinkComponentProps\n>((props: ButtonLinkComponentProps, ref) => {\n const { disabled, target, rel, loading, children, ...restProps } = props\n return (\n <a\n ref={ref}\n aria-disabled={disabled \|\| loading}\n aria-busy={loading}\n data-disabled={disabled \|\| loading}\n target={target}\n rel={target === \"_blank\" && !rel ? \"noopener noreferrer\" : rel}\n {...restProps}\n >\n <InnerButton loading={loading}>{children}</InnerButton>\n </a>\n )\n})\nButtonLinkBase.displayName = \"ButtonLinkBase\"\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;AAIA,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,OAAO,GAMR,MACCA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,OAAO,IAAIC,GAAA,CAAC,WAAW,EAAA,EAAC,SAAS,EAAC,6BAA6B,EAAA,CAAG,EAClE,QAAQ,CACR,EAAA,CAAA,CACJ,CAAA;AAEY,MAAA,UAAU,GAAG,UAAU,CAClC,CAAC,KAA2B,EAAE,GAAG,KAAI;AACnC,IAAA,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;AAC3D,IAAA,QACEA,GAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,GAAG,EAAA,eAAA,EACO,QAAQ,IAAI,OAAO,EAAA,WAAA,EACvB,OAAO,EAClB,QAAQ,EAAE,QAAQ,IAAI,OAAO,EACzB,GAAA,SAAS,EAEb,QAAA,EAAAA,GAAA,CAAC,WAAW,EAAC,EAAA,OAAO,EAAE,OAAO,EAAG,QAAA,EAAA,QAAQ,EAAe,CAAA,EAAA,CAChD,EACV;AACH,CAAC,EACF;AACD,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAExB,MAAA,cAAc,GAAG,UAAU,CAGtC,CAAC,KAA+B,EAAE,GAAG,KAAI;AACzC,IAAA,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IACxE,QACEA,WACE,GAAG,EAAE,GAAG,EACO,eAAA,EAAA,QAAQ,IAAI,OAAO,EACvB,WAAA,EAAA,OAAO,mBACH,QAAQ,IAAI,OAAO,EAClC,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,KAAK,QAAQ,IAAI,CAAC,GAAG,GAAG,qBAAqB,GAAG,GAAG,EAC1D,GAAA,SAAS,YAEbA,GAAC,CAAA,WAAW,EAAC,EAAA,OAAO,EAAE,OAAO,YAAG,QAAQ,EAAA,CAAe,EACrD,CAAA,EACL;AACH,CAAC,EAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/components/Buttons/Button/index.js CHANGED Viewed

@@ -1,8 +1,9 @@
-import React, { forwardRef } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
-import { isLinkProps } from './type.js';
-import { ButtonLinkBase, ButtonBase } from './ButtonComponent.js';
+import { forwardRef } from 'react';
 import '../../Icon/index.js';
+import { ButtonLinkBase, ButtonBase } from './ButtonComponent.js';
+import { isLinkProps } from './type.js';
 import ChevronRightIcon from '../../Icon/__generated__/ChevronRightIcon.js';
 const getComputedClassName = ({ className, variant, size, destructive, primary, text, isIconOnly, fullWidth, selected, }) => {
@@ -36,14 +37,11 @@ const Button = forwardRef((props, ref) => {
         selected,
         isIconOnly: !!icon && !children,
     });
-    const content = (React.createElement(React.Fragment, null,
-        icon,
-        children,
-        text && children ? React.createElement(ChevronRightIcon, null) : null));
+    const content = (jsxs(Fragment, { children: [icon, children, text && children ? jsx(ChevronRightIcon, {}) : null] }));
     if (isLinkProps(restProps)) {
-        return (React.createElement(ButtonLinkBase, { ...restProps, className: computedClassName, ref: ref }, content));
+        return (jsx(ButtonLinkBase, { ...restProps, className: computedClassName, ref: ref, children: content }));
     }
-    return (React.createElement(ButtonBase, { ...restProps, className: computedClassName, ref: ref }, content));
+    return (jsx(ButtonBase, { ...restProps, className: computedClassName, ref: ref, children: content }));
 });
 Button.displayName = "Button";

package/components/Buttons/Button/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/Button/index.tsx"],"sourcesContent":["import ~~React,~~ { ~~forwardRef~~ } from \"react\"\nimport cx from \"~~classnames~~\"\nimport {~~\n ButtonComponentProps,\n ButtonLinkComponentProps,\n ButtonProps,\n isLinkProps,\n~~} from \"~~./type~~\"\nimport { ~~ButtonLinkBase~~, ~~ButtonBase~~ } from \"./ButtonComponent\"\nimport { ~~ChevronRightIcon~~ } from \"~~../../Icon~~\"\n\nconst getComputedClassName = ({\n className,\n variant,\n size,\n destructive,\n primary,\n text,\n isIconOnly,\n fullWidth,\n selected,\n}: {\n className?: ButtonProps[\"className\"]\n variant?: ButtonProps[\"variant\"]\n size?: ButtonProps[\"size\"]\n destructive?: ButtonProps[\"destructive\"]\n primary?: ButtonProps[\"primary\"]\n text?: ButtonProps[\"text\"]\n isIconOnly?: boolean\n fullWidth?: ButtonProps[\"fullWidth\"]\n selected?: ButtonProps[\"selected\"]\n}) => {\n return cx(className, \"cobalt-button\", {\n \"cobalt-button--primary\": primary,\n \"cobalt-button--destructive\": destructive,\n \"cobalt-button--text\": text,\n \"cobalt-button--icon-only\": isIconOnly,\n \"cobalt-button--small\": size === \"small\",\n \"cobalt-button--large\": size === \"large\",\n \"cobalt-button--warning\": variant === \"warning\",\n \"cobalt-button--secondary\": variant === \"secondary\",\n \"cobalt-button--tertiary\": variant === \"tertiary\",\n \"cobalt-button--business\": variant === \"business\",\n \"cobalt-button--success\": variant === \"success\",\n \"cobalt-button--neutral\": variant === \"neutral\",\n \"cobalt-button--selected\": selected,\n \"c-w-full\": fullWidth,\n })\n}\n\ninterface ButtonOverloads {\n (\n props: Exclude<ButtonProps, ButtonComponentProps> &\n React.RefAttributes<HTMLAnchorElement>\n ): React.ReactElement\n (\n props: Exclude<ButtonProps, ButtonLinkComponentProps> &\n React.RefAttributes<HTMLButtonElement>\n ): React.ReactElement\n displayName?: string\n}\n\nexport type CobaltButtonElement = React.ReactElement<\n React.ComponentProps<typeof Button>,\n typeof Button\n>\n\nconst Button = forwardRef<HTMLButtonElement \| HTMLAnchorElement, ButtonProps>(\n (props, ref) => {\n const {\n children,\n className,\n variant,\n size,\n destructive,\n primary,\n text,\n icon,\n fullWidth,\n selected,\n ...restProps\n } = props\n\n const computedClassName = getComputedClassName({\n className,\n variant,\n size,\n destructive,\n primary,\n text,\n fullWidth,\n selected,\n isIconOnly: !!icon && !children,\n })\n\n const content = (\n <>\n {icon}\n {children}\n {text && children ? <ChevronRightIcon /> : null}\n </>\n )\n\n if (isLinkProps(restProps)) {\n return (\n <ButtonLinkBase\n {...(restProps as ButtonLinkComponentProps)}\n className={computedClassName}\n ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n >\n {content}\n </ButtonLinkBase>\n )\n }\n\n return (\n <ButtonBase\n {...(restProps as ButtonComponentProps)}\n className={computedClassName}\n ref={ref as React.ForwardedRef<HTMLButtonElement>}\n >\n {content}\n </ButtonBase>\n )\n }\n) as ButtonOverloads\n\nButton.displayName = \"Button\"\n\nexport default Button\n"],"names":[],"mappings":"~~;;;;;;;AAWA~~,MAAM,oBAAoB,GAAG,CAAC,EAC5B,SAAS,EACT,OAAO,EACP,IAAI,EACJ,WAAW,EACX,OAAO,EACP,IAAI,EACJ,UAAU,EACV,SAAS,EACT,QAAQ,GAWT,KAAI;AACH,IAAA,OAAO,EAAE,CAAC,SAAS,EAAE,eAAe,EAAE;AACpC,QAAA,wBAAwB,EAAE,OAAO;AACjC,QAAA,4BAA4B,EAAE,WAAW;AACzC,QAAA,qBAAqB,EAAE,IAAI;AAC3B,QAAA,0BAA0B,EAAE,UAAU;QACtC,sBAAsB,EAAE,IAAI,KAAK,OAAO;QACxC,sBAAsB,EAAE,IAAI,KAAK,OAAO;QACxC,wBAAwB,EAAE,OAAO,KAAK,SAAS;QAC/C,0BAA0B,EAAE,OAAO,KAAK,WAAW;QACnD,yBAAyB,EAAE,OAAO,KAAK,UAAU;QACjD,yBAAyB,EAAE,OAAO,KAAK,UAAU;QACjD,wBAAwB,EAAE,OAAO,KAAK,SAAS;QAC/C,wBAAwB,EAAE,OAAO,KAAK,SAAS;AAC/C,QAAA,yBAAyB,EAAE,QAAQ;AACnC,QAAA,UAAU,EAAE,SAAS;AACtB,KAAA,CAAC,CAAA;AACJ,CAAC,CAAA;AAmBK,MAAA,MAAM,GAAG,UAAU,CACvB,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,EACJ,WAAW,EACX,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IAET,MAAM,iBAAiB,GAAG,oBAAoB,CAAC;QAC7C,SAAS;QACT,OAAO;QACP,IAAI;QACJ,WAAW;QACX,OAAO;QACP,IAAI;QACJ,SAAS;QACT,QAAQ;AACR,QAAA,UAAU,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ;AAChC,KAAA,CAAC,CAAA;IAEF,MAAM,OAAO,~~IACX~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~CAAA,~~QAAA,EAAA,~~IAAA;QACG~~,IAAI~~;QACJ~~,QAAQ~~;AACR~~,~~QAAA~~,IAAI,IAAI,QAAQ,~~GAAG~~,~~KAAC~~,CAAA,~~aAAA,CAAA,~~gBAAgB,EAAG,~~IAAA~~,CAAA,GAAG,IAAI,CAC9C,CACJ,CAAA;AAED,IAAA,IAAI,WAAW,CAAC,SAAS,CAAC,EAAE;AAC1B,QAAA,~~QACE~~,~~KAAC~~,CAAA,~~aAAA,CAAA,~~cAAc,EACR,EAAA,GAAA,SAAsC,EAC3C,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,GAA4C,~~IAEhD~~,OAAO,CACO,EAClB;KACF;AAED,IAAA,~~QACE~~,~~KAAC~~,CAAA,~~aAAA,CAAA,~~UAAU,EACJ,EAAA,GAAA,SAAkC,EACvC,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,GAA4C,~~IAEhD~~,OAAO,CACG,EACd;AACH,CAAC,EACiB;AAEpB,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/Buttons/Button/index.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport type React from \"react\"\nimport { forwardRef } from \"react\"\nimport { ChevronRightIcon } from \"../../Icon\"\nimport { ButtonBase, ButtonLinkBase } from \"./ButtonComponent\"\nimport {\n type ButtonComponentProps,\n type ButtonLinkComponentProps,\n type ButtonProps,\n isLinkProps,\n} from \"./type\"\n\nconst getComputedClassName = ({\n className,\n variant,\n size,\n destructive,\n primary,\n text,\n isIconOnly,\n fullWidth,\n selected,\n}: {\n className?: ButtonProps[\"className\"]\n variant?: ButtonProps[\"variant\"]\n size?: ButtonProps[\"size\"]\n destructive?: ButtonProps[\"destructive\"]\n primary?: ButtonProps[\"primary\"]\n text?: ButtonProps[\"text\"]\n isIconOnly?: boolean\n fullWidth?: ButtonProps[\"fullWidth\"]\n selected?: ButtonProps[\"selected\"]\n}) => {\n return cx(className, \"cobalt-button\", {\n \"cobalt-button--primary\": primary,\n \"cobalt-button--destructive\": destructive,\n \"cobalt-button--text\": text,\n \"cobalt-button--icon-only\": isIconOnly,\n \"cobalt-button--small\": size === \"small\",\n \"cobalt-button--large\": size === \"large\",\n \"cobalt-button--warning\": variant === \"warning\",\n \"cobalt-button--secondary\": variant === \"secondary\",\n \"cobalt-button--tertiary\": variant === \"tertiary\",\n \"cobalt-button--business\": variant === \"business\",\n \"cobalt-button--success\": variant === \"success\",\n \"cobalt-button--neutral\": variant === \"neutral\",\n \"cobalt-button--selected\": selected,\n \"c-w-full\": fullWidth,\n })\n}\n\ninterface ButtonOverloads {\n (\n props: Exclude<ButtonProps, ButtonComponentProps> &\n React.RefAttributes<HTMLAnchorElement>,\n ): React.ReactElement\n (\n props: Exclude<ButtonProps, ButtonLinkComponentProps> &\n React.RefAttributes<HTMLButtonElement>,\n ): React.ReactElement\n displayName?: string\n}\n\nexport type CobaltButtonElement = React.ReactElement<\n React.ComponentProps<typeof Button>,\n typeof Button\n>\n\nconst Button = forwardRef<HTMLButtonElement \| HTMLAnchorElement, ButtonProps>(\n (props, ref) => {\n const {\n children,\n className,\n variant,\n size,\n destructive,\n primary,\n text,\n icon,\n fullWidth,\n selected,\n ...restProps\n } = props\n\n const computedClassName = getComputedClassName({\n className,\n variant,\n size,\n destructive,\n primary,\n text,\n fullWidth,\n selected,\n isIconOnly: !!icon && !children,\n })\n\n const content = (\n <>\n {icon}\n {children}\n {text && children ? <ChevronRightIcon /> : null}\n </>\n )\n\n if (isLinkProps(restProps)) {\n return (\n <ButtonLinkBase\n {...(restProps as ButtonLinkComponentProps)}\n className={computedClassName}\n ref={ref as React.ForwardedRef<HTMLAnchorElement>}\n >\n {content}\n </ButtonLinkBase>\n )\n }\n\n return (\n <ButtonBase\n {...(restProps as ButtonComponentProps)}\n className={computedClassName}\n ref={ref as React.ForwardedRef<HTMLButtonElement>}\n >\n {content}\n </ButtonBase>\n )\n },\n) as ButtonOverloads\n\nButton.displayName = \"Button\"\n\nexport default Button\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;AAYA,MAAM,oBAAoB,GAAG,CAAC,EAC5B,SAAS,EACT,OAAO,EACP,IAAI,EACJ,WAAW,EACX,OAAO,EACP,IAAI,EACJ,UAAU,EACV,SAAS,EACT,QAAQ,GAWT,KAAI;AACH,IAAA,OAAO,EAAE,CAAC,SAAS,EAAE,eAAe,EAAE;AACpC,QAAA,wBAAwB,EAAE,OAAO;AACjC,QAAA,4BAA4B,EAAE,WAAW;AACzC,QAAA,qBAAqB,EAAE,IAAI;AAC3B,QAAA,0BAA0B,EAAE,UAAU;QACtC,sBAAsB,EAAE,IAAI,KAAK,OAAO;QACxC,sBAAsB,EAAE,IAAI,KAAK,OAAO;QACxC,wBAAwB,EAAE,OAAO,KAAK,SAAS;QAC/C,0BAA0B,EAAE,OAAO,KAAK,WAAW;QACnD,yBAAyB,EAAE,OAAO,KAAK,UAAU;QACjD,yBAAyB,EAAE,OAAO,KAAK,UAAU;QACjD,wBAAwB,EAAE,OAAO,KAAK,SAAS;QAC/C,wBAAwB,EAAE,OAAO,KAAK,SAAS;AAC/C,QAAA,yBAAyB,EAAE,QAAQ;AACnC,QAAA,UAAU,EAAE,SAAS;AACtB,KAAA,CAAC,CAAA;AACJ,CAAC,CAAA;AAmBK,MAAA,MAAM,GAAG,UAAU,CACvB,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,EACJ,WAAW,EACX,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IAET,MAAM,iBAAiB,GAAG,oBAAoB,CAAC;QAC7C,SAAS;QACT,OAAO;QACP,IAAI;QACJ,WAAW;QACX,OAAO;QACP,IAAI;QACJ,SAAS;QACT,QAAQ;AACR,QAAA,UAAU,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ;AAChC,KAAA,CAAC,CAAA;IAEF,MAAM,OAAO,IACXA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,IAAI,EACJ,QAAQ,EACR,IAAI,IAAI,QAAQ,GAAGC,GAAC,CAAA,gBAAgB,EAAG,EAAA,CAAA,GAAG,IAAI,CAC9C,EAAA,CAAA,CACJ,CAAA;AAED,IAAA,IAAI,WAAW,CAAC,SAAS,CAAC,EAAE;AAC1B,QAAA,QACEA,GAAC,CAAA,cAAc,EACR,EAAA,GAAA,SAAsC,EAC3C,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,GAA4C,YAEhD,OAAO,EAAA,CACO,EAClB;KACF;AAED,IAAA,QACEA,GAAC,CAAA,UAAU,EACJ,EAAA,GAAA,SAAkC,EACvC,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,GAA4C,YAEhD,OAAO,EAAA,CACG,EACd;AACH,CAAC,EACiB;AAEpB,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/components/Buttons/Button/type.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"type.js","sources":["../../../../src/components/Buttons/Button/type.ts"],"sourcesContent":["type SharedButtonApiProps = {\n loading?: boolean\n disabled?: boolean\n primary?: boolean\n destructive?: boolean\n icon?: React.ReactNode\n text?: boolean\n fullWidth?: boolean\n selected?: boolean\n // React.HTMLAttributes allows color to be passed in, but we don't want to allow it\n color?: never\n}\n\ntype SharedConditionalTextProps =\n \| {\n text: true\n icon: React.ReactNode\n children?: never \| false \| undefined \| null\n fullWidth?: never \| false\n }\n \| {\n text: true\n icon?: never\n fullWidth?: never \| false\n }\n \| {\n text?: false\n }\n\ntype SharedConditionalVariantProps =\n \| {\n size?: \"large\"\n variant?: never\n }\n \| {\n size: \"small\"\n destructive?: false\n primary?: false\n selected?: false\n // Those variants are only available for small buttons\n variant:\n \| \"warning\"\n \| \"secondary\"\n \| \"tertiary\"\n \| \"business\"\n \| \"success\"\n \| \"neutral\"\n }\n \| {\n size?: \"small\"\n variant?: never\n }\n\n// Button props\nexport type ButtonComponentProps =\n React.ButtonHTMLAttributes<HTMLButtonElement> & {\n loading?: SharedButtonApiProps[\"loading\"]\n disabled?: SharedButtonApiProps[\"disabled\"]\n href?: never\n }\n\n// Link props\nexport type ButtonLinkComponentProps =\n React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n loading?: SharedButtonApiProps[\"loading\"]\n disabled?: SharedButtonApiProps[\"disabled\"]\n href?: string\n }\n\nexport const isLinkProps = (\n props: ButtonComponentProps \| ButtonLinkComponentProps\n): props is ButtonLinkComponentProps => \"href\" in props && !!props.href\n\nexport type ButtonProps = (ButtonComponentProps \| ButtonLinkComponentProps) &\n SharedButtonApiProps &\n SharedConditionalVariantProps &\n SharedConditionalTextProps\n"],"names":[],"mappings":"AAqEa,MAAA,WAAW,GAAG,CACzB,KAAsD,KAChB,MAAM,IAAI,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC;;;;"}
1	+ {"version":3,"file":"type.js","sources":["../../../../src/components/Buttons/Button/type.ts"],"sourcesContent":["type SharedButtonApiProps = {\n loading?: boolean\n disabled?: boolean\n primary?: boolean\n destructive?: boolean\n icon?: React.ReactNode\n text?: boolean\n fullWidth?: boolean\n selected?: boolean\n // React.HTMLAttributes allows color to be passed in, but we don't want to allow it\n color?: never\n}\n\ntype SharedConditionalTextProps =\n \| {\n text: true\n icon: React.ReactNode\n children?: never \| false \| undefined \| null\n fullWidth?: never \| false\n }\n \| {\n text: true\n icon?: never\n fullWidth?: never \| false\n }\n \| {\n text?: false\n }\n\ntype SharedConditionalVariantProps =\n \| {\n size?: \"large\"\n variant?: never\n }\n \| {\n size: \"small\"\n destructive?: false\n primary?: false\n selected?: false\n // Those variants are only available for small buttons\n variant:\n \| \"warning\"\n \| \"secondary\"\n \| \"tertiary\"\n \| \"business\"\n \| \"success\"\n \| \"neutral\"\n }\n \| {\n size?: \"small\"\n variant?: never\n }\n\n// Button props\nexport type ButtonComponentProps =\n React.ButtonHTMLAttributes<HTMLButtonElement> & {\n loading?: SharedButtonApiProps[\"loading\"]\n disabled?: SharedButtonApiProps[\"disabled\"]\n href?: never\n }\n\n// Link props\nexport type ButtonLinkComponentProps =\n React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n loading?: SharedButtonApiProps[\"loading\"]\n disabled?: SharedButtonApiProps[\"disabled\"]\n href?: string\n }\n\nexport const isLinkProps = (\n props: ButtonComponentProps \| ButtonLinkComponentProps,\n): props is ButtonLinkComponentProps => \"href\" in props && !!props.href\n\nexport type ButtonProps = (ButtonComponentProps \| ButtonLinkComponentProps) &\n SharedButtonApiProps &\n SharedConditionalVariantProps &\n SharedConditionalTextProps\n"],"names":[],"mappings":"AAqEa,MAAA,WAAW,GAAG,CACzB,KAAsD,KAChB,MAAM,IAAI,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC;;;;"}

package/components/Buttons/ButtonComponent.js CHANGED Viewed

@@ -1,19 +1,16 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
 import '../Icon/index.js';
-import React, { forwardRef } from 'react';
 import LoadingIcon from '../Icon/__generated__/LoadingIcon.js';
 const _Button = forwardRef((props, ref) => {
     const { disabled, loading, children, ...restProps } = props;
-    return (React.createElement("button", { ref: ref, "aria-disabled": disabled, "aria-busy": loading, disabled: disabled, ...restProps },
-        loading && React.createElement(LoadingIcon, { className: "cob-Button__loading-icon" }),
-        children));
+    return (jsxs("button", { ref: ref, "aria-disabled": disabled, "aria-busy": loading, disabled: disabled, ...restProps, children: [loading && jsx(LoadingIcon, { className: "cob-Button__loading-icon" }), children] }));
 });
 _Button.displayName = "button";
 const Link = forwardRef((props, ref) => {
     const { disabled, target, rel, loading, children, ...restProps } = props;
-    return (React.createElement("a", { "aria-disabled": disabled, "data-disabled": disabled, "aria-busy": loading, target: target, rel: target && !rel ? "noopener noreferrer" : rel, ref: ref, ...restProps },
-        loading && React.createElement(LoadingIcon, { className: "cob-Button__loading-icon" }),
-        children));
+    return (jsxs("a", { "aria-disabled": disabled, "data-disabled": disabled, "aria-busy": loading, target: target, rel: target && !rel ? "noopener noreferrer" : rel, ref: ref, ...restProps, children: [loading && jsx(LoadingIcon, { className: "cob-Button__loading-icon" }), children] }));
 });
 Link.displayName = "link";
 const Button = Object.assign(_Button, { Link });

package/components/Buttons/ButtonComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonComponent.js","sources":["../../../src/components/Buttons/ButtonComponent.tsx"],"sourcesContent":["import { ~~LoadingIcon~~ } from \"~~../Icon~~\"\nimport ~~React,~~ { ~~forwardRef~~ } from \"~~react~~\"\n\n// Button props\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n loading?: boolean\n href?: undefined\n}\n\n// Link props\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n loading?: boolean\n disabled?: boolean\n href?: string\n}\n\nexport const isLinkProps = (\n props: ButtonProps \| LinkProps\n): props is LinkProps => \"href\" in props && !!props.href\n\nconst _Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (props: ButtonProps, ref) => {\n const { disabled, loading, children, ...restProps } = props\n return (\n <button\n ref={ref}\n aria-disabled={disabled}\n aria-busy={loading}\n disabled={disabled}\n {...restProps}\n >\n {loading && <LoadingIcon className=\"cob-Button__loading-icon\" />}\n {children}\n </button>\n )\n }\n)\n_Button.displayName = \"button\"\n\nconst Link = forwardRef<HTMLAnchorElement, LinkProps>(\n (props: LinkProps, ref) => {\n const { disabled, target, rel, loading, children, ...restProps } = props\n return (\n <a\n aria-disabled={disabled}\n data-disabled={disabled}\n aria-busy={loading}\n target={target}\n rel={target && !rel ? \"noopener noreferrer\" : rel}\n ref={ref}\n {...restProps}\n >\n {loading && <LoadingIcon className=\"cob-Button__loading-icon\" />}\n {children}\n </a>\n )\n }\n)\nLink.displayName = \"link\"\n\nconst Button = Object.assign(_Button, { Link })\n\nexport default Button\n"],"names":[],"mappings":"~~;;;;~~AAoBA,MAAM,OAAO,GAAG,UAAU,CACxB,CAAC,KAAkB,EAAE,GAAG,KAAI;AAC1B,IAAA,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;AAC3D,IAAA,~~QACE~~,~~KAAA~~,CAAA,~~aAAA,CAAA,~~QAAA,EAAA,EACE,GAAG,EAAE,GAAG,~~EACO~~,eAAA,~~EAAA~~,QAAQ,~~EACZ~~,WAAA,~~EAAA~~,OAAO,EAClB,QAAQ,EAAE,QAAQ,~~KACd~~,SAAS,EAAA~~;AAEZ~~,QAAA,~~OAAO~~,~~IAAI~~,~~KAAC~~,~~CAAA~~,~~aAAA~~,CAAA,WAAW,~~IAAC~~,SAAS,EAAC,0BAA0B,EAAG,CAAA~~;QAC~~/D,QAAQ,CACF,EACV;AACH,CAAC,CACF,CAAA;AACD,OAAO,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE9B,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,KAAgB,EAAE,GAAG,KAAI;AACxB,IAAA,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;~~AACxE~~,~~IAAA~~,~~QACE~~,~~KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,eAAA,EACiB,~~QAAQ,EAAA,eAAA,EACR,QAAQ,~~EAAA~~,WAAA,~~EACZ~~,OAAO,EAClB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,IAAI,CAAC,GAAG,GAAG,qBAAqB,GAAG,GAAG,EACjD,GAAG,EAAE,GAAG,~~KACJ~~,SAAS,~~EAAA;AAEZ~~,~~QAAA,~~OAAO,~~IAAI~~,~~KAAC~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~WAAW,IAAC,~~SAAS,EAAC,0BAA0B,~~EAAG~~,~~CAAA;QAC~~/D,QAAQ,CACP,EACL;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE;;;;"}
1	+ {"version":3,"file":"ButtonComponent.js","sources":["../../../src/components/Buttons/ButtonComponent.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\nimport { LoadingIcon } from \"../Icon\"\n\n// Button props\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n loading?: boolean\n href?: undefined\n}\n\n// Link props\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n loading?: boolean\n disabled?: boolean\n href?: string\n}\n\nexport const isLinkProps = (\n props: ButtonProps \| LinkProps,\n): props is LinkProps => \"href\" in props && !!props.href\n\nconst _Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (props: ButtonProps, ref) => {\n const { disabled, loading, children, ...restProps } = props\n return (\n <button\n ref={ref}\n aria-disabled={disabled}\n aria-busy={loading}\n disabled={disabled}\n {...restProps}\n >\n {loading && <LoadingIcon className=\"cob-Button__loading-icon\" />}\n {children}\n </button>\n )\n },\n)\n_Button.displayName = \"button\"\n\nconst Link = forwardRef<HTMLAnchorElement, LinkProps>(\n (props: LinkProps, ref) => {\n const { disabled, target, rel, loading, children, ...restProps } = props\n return (\n <a\n aria-disabled={disabled}\n data-disabled={disabled}\n aria-busy={loading}\n target={target}\n rel={target && !rel ? \"noopener noreferrer\" : rel}\n ref={ref}\n {...restProps}\n >\n {loading && <LoadingIcon className=\"cob-Button__loading-icon\" />}\n {children}\n </a>\n )\n },\n)\nLink.displayName = \"link\"\n\nconst Button = Object.assign(_Button, { Link })\n\nexport default Button\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAoBA,MAAM,OAAO,GAAG,UAAU,CACxB,CAAC,KAAkB,EAAE,GAAG,KAAI;AAC1B,IAAA,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;AAC3D,IAAA,QACEA,IAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,GAAG,EAAA,eAAA,EACO,QAAQ,EAAA,WAAA,EACZ,OAAO,EAClB,QAAQ,EAAE,QAAQ,EAAA,GACd,SAAS,EAAA,QAAA,EAAA,CAEZ,OAAO,IAAIC,GAAC,CAAA,WAAW,EAAC,EAAA,SAAS,EAAC,0BAA0B,EAAG,CAAA,EAC/D,QAAQ,CAAA,EAAA,CACF,EACV;AACH,CAAC,CACF,CAAA;AACD,OAAO,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE9B,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,KAAgB,EAAE,GAAG,KAAI;AACxB,IAAA,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IACxE,QACED,6BACiB,QAAQ,EAAA,eAAA,EACR,QAAQ,EACZ,WAAA,EAAA,OAAO,EAClB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,IAAI,CAAC,GAAG,GAAG,qBAAqB,GAAG,GAAG,EACjD,GAAG,EAAE,GAAG,EACJ,GAAA,SAAS,aAEZ,OAAO,IAAIC,IAAC,WAAW,EAAA,EAAC,SAAS,EAAC,0BAA0B,GAAG,EAC/D,QAAQ,CACP,EAAA,CAAA,EACL;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE;;;;"}

package/components/Buttons/ButtonsGroup.js CHANGED Viewed

@@ -1,9 +1,10 @@
-import React, { Children } from 'react';
+import { jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
+import React, { Children } from 'react';
+import Button from './Button/index.js';
+import DefaultButton from './DefaultButton/index.js';
 import GhostButton from './GhostButton/index.js';
 import InversedButton from './InversedButton/index.js';
-import DefaultButton from './DefaultButton/index.js';
-import Button from './Button/index.js';
 const isButton = (component) => React.isValidElement(component) &&
     (component.type === GhostButton ||
@@ -13,18 +14,24 @@ const isButton = (component) => React.isValidElement(component) &&
         component.type === DefaultButton ||
         component.type === DefaultButton.Link ||
         component.type === Button);
-const ButtonsGroup = ({ className, children, align }) => (React.createElement("div", { className: cx(className, "cobalt-buttons-group", {
+const ButtonsGroup = ({ className, children, align }) => (jsx("div", { className: cx(className, "cobalt-buttons-group", {
         "cobalt-buttons-group--right": align === "right",
         "cobalt-buttons-group--center": align === "center",
-    }) }, Children.toArray(children).map((child, index) => isButton(child)
-    ? React.cloneElement(child, {
-        key: index,
-        className: cx("cobalt-buttons-group__item", {
-            "cobalt-buttons-group__item--fullWidth": align === "fullWidth",
-        }),
-        fullWidth: align === "fullWidth",
-    })
-    : child)));
+    }), children: Children.toArray(children).map((child, index) => {
+        if (!isButton(child)) {
+            return child;
+        }
+        const childKey = React.isValidElement(child) && child.key != null
+            ? child.key
+            : `button-group-item-${index}`;
+        return React.cloneElement(child, {
+            key: childKey,
+            className: cx("cobalt-buttons-group__item", {
+                "cobalt-buttons-group__item--fullWidth": align === "fullWidth",
+            }),
+            fullWidth: align === "fullWidth",
+        });
+    }) }));
 export { ButtonsGroup as default };
 //# sourceMappingURL=ButtonsGroup.js.map

package/components/Buttons/ButtonsGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonsGroup.js","sources":["../../../src/components/Buttons/ButtonsGroup.tsx"],"sourcesContent":["import React, { Children } from \"react\"\nimport cx ~~from~~ ~~\"classnames\"\n\nimport~~ ~~GhostButton~~ from \"~~./GhostButton\~~"\nimport ~~InversedButton~~ from \"./~~InversedButton~~\"\nimport DefaultButton from \"./DefaultButton\"\nimport { ~~AllButtonsPropsType }~~ from \"~~./\~~"\nimport ~~Button~~ from \"./~~Button~~\"\n\nexport interface ButtonsGroupProps {\n className?: string\n children: React.ReactNode\n align?: \"fullWidth\" \| \"right\" \| \"center\"\n}\n\nconst isButton = (\n component: React.ReactNode\n): component is React.ReactElement<AllButtonsPropsType> =>\n React.isValidElement(component) &&\n (component.type === GhostButton \|\|\n component.type === GhostButton.Link \|\|\n component.type === InversedButton \|\|\n component.type === InversedButton.Link \|\|\n component.type === DefaultButton \|\|\n component.type === DefaultButton.Link \|\|\n component.type === Button)\n\nconst ButtonsGroup = ({ className, children, align }: ButtonsGroupProps) => (\n <div\n className={cx(className, \"cobalt-buttons-group\", {\n \"cobalt-buttons-group--right\": align === \"right\",\n \"cobalt-buttons-group--center\": align === \"center\",\n })}\n >\n {Children.toArray(children).map((child, index) ~~=>\~~n isButton(child)\n ? React.cloneElement(child, {\n key: ~~index~~,\n className: cx(\"cobalt-buttons-group__item\", {\n \"cobalt-buttons-group__item--fullWidth\": align === \"fullWidth\",\n }),\n fullWidth: align === \"fullWidth\",\n })\n ~~: child\n~~ )}\n </div>\n)\n\nexport default ButtonsGroup\n"],"names":[],"mappings":"~~;;;;;;;AAeA~~,MAAM,QAAQ,GAAG,CACf,SAA0B,KAE1B,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC;AAC/B,KAAC,SAAS,CAAC,IAAI,KAAK,WAAW;AAC7B,QAAA,SAAS,CAAC,IAAI,KAAK,WAAW,CAAC,IAAI;QACnC,SAAS,CAAC,IAAI,KAAK,cAAc;AACjC,QAAA,SAAS,CAAC,IAAI,KAAK,cAAc,CAAC,IAAI;QACtC,SAAS,CAAC,IAAI,KAAK,aAAa;AAChC,QAAA,SAAS,CAAC,IAAI,KAAK,aAAa,CAAC,IAAI;AACrC,QAAA,SAAS,CAAC,IAAI,KAAK,MAAM,CAAC,CAAA;AAExB,MAAA,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAqB,~~MACrE~~,~~6BACE~~,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,sBAAsB,EAAE;QAC/C,6BAA6B,EAAE,KAAK,KAAK,OAAO;QAChD,8BAA8B,EAAE,KAAK,KAAK,QAAQ;~~KACnD~~,CAAC,EAAA,~~EAED,~~QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,~~KAC3C~~,QAAQ,CAAC,KAAK,CAAC;~~AACb~~,~~MAAE~~,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;~~AACxB~~,~~QAAA~~,GAAG,EAAE,~~KAAK~~;~~AACV~~,~~QAAA~~,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE;~~YAC1C~~,uCAAuC,EAAE,KAAK,KAAK,WAAW;~~SAC~~/D,CAAC;~~QACF~~,SAAS,EAAE,KAAK,KAAK,WAAW;~~KACjC~~,CAAC;~~AACJ~~,~~MAAE~~,~~KAAK~~,~~CACV,CACG~~;;;;"}
1	+ {"version":3,"file":"ButtonsGroup.js","sources":["../../../src/components/Buttons/ButtonsGroup.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport React, { Children } from \"react\"\nimport type { AllButtonsPropsType } from \"./\"\nimport Button from \"./Button\"\nimport DefaultButton from \"./DefaultButton\"\nimport GhostButton from \"./GhostButton\"\nimport InversedButton from \"./InversedButton\"\n\nexport interface ButtonsGroupProps {\n className?: string\n children: React.ReactNode\n align?: \"fullWidth\" \| \"right\" \| \"center\"\n}\n\nconst isButton = (\n component: React.ReactNode,\n): component is React.ReactElement<AllButtonsPropsType> =>\n React.isValidElement(component) &&\n (component.type === GhostButton \|\|\n component.type === GhostButton.Link \|\|\n component.type === InversedButton \|\|\n component.type === InversedButton.Link \|\|\n component.type === DefaultButton \|\|\n component.type === DefaultButton.Link \|\|\n component.type === Button)\n\nconst ButtonsGroup = ({ className, children, align }: ButtonsGroupProps) => (\n <div\n className={cx(className, \"cobalt-buttons-group\", {\n \"cobalt-buttons-group--right\": align === \"right\",\n \"cobalt-buttons-group--center\": align === \"center\",\n })}\n >\n {Children.toArray(children).map((child, index) => {\n if (!isButton(child)) {\n return child\n }\n const childKey =\n React.isValidElement(child) && child.key != null\n ? child.key\n : `button-group-item-${index}`\n return React.cloneElement(child, {\n key: childKey,\n className: cx(\"cobalt-buttons-group__item\", {\n \"cobalt-buttons-group__item--fullWidth\": align === \"fullWidth\",\n }),\n fullWidth: align === \"fullWidth\",\n })\n })}\n </div>\n)\n\nexport default ButtonsGroup\n"],"names":["_jsx"],"mappings":";;;;;;;;AAcA,MAAM,QAAQ,GAAG,CACf,SAA0B,KAE1B,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC;AAC/B,KAAC,SAAS,CAAC,IAAI,KAAK,WAAW;AAC7B,QAAA,SAAS,CAAC,IAAI,KAAK,WAAW,CAAC,IAAI;QACnC,SAAS,CAAC,IAAI,KAAK,cAAc;AACjC,QAAA,SAAS,CAAC,IAAI,KAAK,cAAc,CAAC,IAAI;QACtC,SAAS,CAAC,IAAI,KAAK,aAAa;AAChC,QAAA,SAAS,CAAC,IAAI,KAAK,aAAa,CAAC,IAAI;AACrC,QAAA,SAAS,CAAC,IAAI,KAAK,MAAM,CAAC,CAAA;AAExB,MAAA,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAqB,MACrEA,aACE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,sBAAsB,EAAE;QAC/C,6BAA6B,EAAE,KAAK,KAAK,OAAO;QAChD,8BAA8B,EAAE,KAAK,KAAK,QAAQ;AACnD,KAAA,CAAC,EAED,QAAA,EAAA,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAI;AAC/C,QAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AACpB,YAAA,OAAO,KAAK,CAAA;SACb;AACD,QAAA,MAAM,QAAQ,GACZ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,GAAG,IAAI,IAAI;cAC5C,KAAK,CAAC,GAAG;AACX,cAAE,CAAA,kBAAA,EAAqB,KAAK,CAAA,CAAE,CAAA;AAClC,QAAA,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AAC/B,YAAA,GAAG,EAAE,QAAQ;AACb,YAAA,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE;gBAC1C,uCAAuC,EAAE,KAAK,KAAK,WAAW;aAC/D,CAAC;YACF,SAAS,EAAE,KAAK,KAAK,WAAW;AACjC,SAAA,CAAC,CAAA;KACH,CAAC,EACE,CAAA;;;;"}