@drivy/cobalt 2.14.0 → 2.16.0

package/components/Sidepanel/index.js

@@ -1,23 +1,20 @@
-import React, { useState, useEffect } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
-import Modal from '../Modal/index.js';
+import React, { useState, useEffect } from 'react';
+import ReactDOM from 'react-dom';
+import { getA11yOnClick } from '../../helpers/index.js';
 import useBreakpoint from '../../hooks/useBreakpoint.js';
 import '../Icon/index.js';
-import ReactDOM from 'react-dom';
 import { Fixed } from '../Layout/Surfaces/index.js';
+import Modal from '../Modal/index.js';
 import CloseIcon from '../Icon/__generated__/CloseIcon.js';
 
 const SidepanelFooter = ({ children, className }) => {
-    return (React.createElement("div", { className: cx("c-p-sm c-border-t c-border-outline", className) }, children));
+    return (jsx("div", { className: cx("c-p-sm c-border-t c-border-outline", className), children: children }));
 };
 // Memoized component to not render content when the panel is collapsing
 function _SidepanelContent({ title, close, children }) {
-    return (React.createElement(React.Fragment, null,
-        title && (React.createElement("div", { className: "c-flex c-gap-sm c-items-center c-px-sm c-py-md c-border-b c-border-outline" },
-            React.createElement("div", { className: "c-text-title-md c-flex-1" }, title),
-            close && (React.createElement("div", { className: "c-w-md c-cursor-pointer", onClick: close },
-                React.createElement(CloseIcon, { size: 24 }))))),
-        children));
+    return (jsxs(Fragment, { children: [title && (jsxs("div", { className: "c-flex c-gap-sm c-items-center c-px-sm c-py-md c-border-b c-border-outline", children: [jsx("div", { className: "c-text-title-md c-flex-1", children: title }), close && (jsx("div", { className: "c-w-md c-cursor-pointer", ...getA11yOnClick(close), children: jsx(CloseIcon, { size: 24 }) }))] })), children] }));
 }
 function areSidepanelContentEqual(_prevProps, nextProps) {
     return !nextProps.isOpen;
@@ -37,22 +34,14 @@ const _Sidepanel = ({ isOpen, title, close, withDesktopOverlay, width = 420, chi
     const sidepanelFooter = React.Children.toArray(children).find((c) => isSidepanelFooterAPIComponent(c));
     let footer = null;
     if (React.isValidElement(sidepanelFooter)) {
-        footer = isMobile ? (React.createElement(Modal.Footer, { ...sidepanelFooter.props })) : (React.createElement(SidepanelFooter, { ...sidepanelFooter.props }));
+        footer = isMobile ? (jsx(Modal.Footer, { ...sidepanelFooter.props })) : (jsx(SidepanelFooter, { ...sidepanelFooter.props }));
     }
-    return isMobile ? (React.createElement(Modal, { "aria-label": "Sidepanel", isOpen: isOpen, bodySpacing: false, close: close, title: title },
-        children,
-        footer)) : (ReactDOM.createPortal(React.createElement(React.Fragment, null,
-        React.createElement("div", { className: cx("cobalt-sidepanel", {
-                "cobalt-sidepanel--show": isOpen,
-                "cobalt-sidepanel--visible": isPanelVisible,
-            }), onTransitionEnd: () => {
-                !isOpen && setIsPanelVisible(false);
-            } },
-            React.createElement(Fixed, { width: width, isFullHeight: true },
-                React.createElement(SidepanelContent, { isOpen: isOpen, title: title, close: close },
-                    children,
-                    footer))),
-        withDesktopOverlay && React.createElement("div", { className: "cobalt-sidepanel-overlay" })), document.body));
+    return isMobile ? (jsxs(Modal, { "aria-label": "Sidepanel", isOpen: isOpen, bodySpacing: false, close: close, title: title, children: [children, footer] })) : (ReactDOM.createPortal(jsxs(Fragment, { children: [jsx("div", { className: cx("cobalt-sidepanel", {
+                    "cobalt-sidepanel--show": isOpen,
+                    "cobalt-sidepanel--visible": isPanelVisible,
+                }), onTransitionEnd: () => {
+                    !isOpen && setIsPanelVisible(false);
+                }, children: jsx(Fixed, { width: width, isFullHeight: true, children: jsxs(SidepanelContent, { isOpen: isOpen, title: title, close: close, children: [children, footer] }) }) }), withDesktopOverlay && jsx("div", { className: "cobalt-sidepanel-overlay" })] }), document.body));
 };
 _Sidepanel.displayName = "Sidepanel";
 const Sidepanel = Object.assign(_Sidepanel, {

package/components/Sidepanel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Sidepanel/index.tsx"],"sourcesContent":["import React, { ComponentProps, useEffect, useState } from \"react\"\nimport cx from \"classnames\"\nimport Modal from \"../Modal\"\nimport useBreakpoint from \"../../hooks/useBreakpoint\"\nimport { CloseIcon } from \"../Icon\"\nimport ReactDOM from \"react-dom\"\nimport { Fixed } from \"../Layout/Surfaces\"\n\ntype SidepanelFooterPropsType = React.PropsWithChildren<{\n  className?: string\n}>\n\nconst SidepanelFooter = ({ children, className }: SidepanelFooterPropsType) => {\n  return (\n    <div className={cx(\"c-p-sm c-border-t c-border-outline\", className)}>\n      {children}\n    </div>\n  )\n}\n\ntype SidepanelPropsType = React.PropsWithChildren<{\n  isOpen: boolean\n  title?: string\n  close?: () => void\n  width?: ComponentProps<typeof Fixed>[\"width\"]\n  withDesktopOverlay?: boolean\n}>\n\n// Memoized component to not render content when the panel is collapsing\nfunction _SidepanelContent({ title, close, children }: SidepanelPropsType) {\n  return (\n    <>\n      {title && (\n        <div className=\"c-flex c-gap-sm c-items-center c-px-sm c-py-md c-border-b c-border-outline\">\n          <div className=\"c-text-title-md c-flex-1\">{title}</div>\n          {close && (\n            <div className=\"c-w-md c-cursor-pointer\" onClick={close}>\n              <CloseIcon size={24} />\n            </div>\n          )}\n        </div>\n      )}\n      {children}\n    </>\n  )\n}\n\nfunction areSidepanelContentEqual(\n  _prevProps: SidepanelPropsType,\n  nextProps: SidepanelPropsType\n) {\n  return !nextProps.isOpen\n}\n\nconst SidepanelContent = React.memo(_SidepanelContent, areSidepanelContentEqual)\nSidepanelContent.displayName = \"SidepanelContent\"\n\n// Only for the API, render nothing\nconst SidepanelFooterAPI = (_props: SidepanelFooterPropsType) => null\n\nconst isSidepanelFooterAPIComponent = (\n  component: React.ReactNode\n): component is React.ReactElement<SidepanelFooterPropsType> =>\n  React.isValidElement(component) && component.type === SidepanelFooterAPI\n\nconst _Sidepanel = ({\n  isOpen,\n  title,\n  close,\n  withDesktopOverlay,\n  width = 420,\n  children,\n}: SidepanelPropsType) => {\n  const { isMobile } = useBreakpoint()\n\n  // To display box-shadow when visible. We can't rely on isOpen because it triggers the collapse animation and so the box shadow would not be set during the transition\n  const [isPanelVisible, setIsPanelVisible] = useState(false)\n\n  useEffect(() => {\n    isOpen && setIsPanelVisible(true)\n  }, [isOpen])\n\n  const sidepanelFooter = React.Children.toArray(children).find((c) =>\n    isSidepanelFooterAPIComponent(c)\n  )\n\n  let footer: React.ReactNode = null\n  if (React.isValidElement(sidepanelFooter)) {\n    footer = isMobile ? (\n      <Modal.Footer {...sidepanelFooter.props}></Modal.Footer>\n    ) : (\n      <SidepanelFooter {...sidepanelFooter.props} />\n    )\n  }\n\n  return isMobile ? (\n    <Modal\n      aria-label={\"Sidepanel\"}\n      isOpen={isOpen}\n      bodySpacing={false}\n      close={close}\n      title={title}\n    >\n      {children}\n      {footer}\n    </Modal>\n  ) : (\n    ReactDOM.createPortal(\n      <>\n        <div\n          className={cx(\"cobalt-sidepanel\", {\n            \"cobalt-sidepanel--show\": isOpen,\n            \"cobalt-sidepanel--visible\": isPanelVisible,\n          })}\n          onTransitionEnd={() => {\n            !isOpen && setIsPanelVisible(false)\n          }}\n        >\n          <Fixed width={width} isFullHeight>\n            <SidepanelContent isOpen={isOpen} title={title} close={close}>\n              {children}\n              {footer}\n            </SidepanelContent>\n          </Fixed>\n        </div>\n        {withDesktopOverlay && <div className=\"cobalt-sidepanel-overlay\"></div>}\n      </>,\n      document.body\n    )\n  )\n}\n\n_Sidepanel.displayName = \"Sidepanel\"\n\nexport const Sidepanel = Object.assign(_Sidepanel, {\n  Footer: SidepanelFooterAPI,\n})\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Sidepanel/index.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport React, { type ComponentProps, useEffect, useState } from \"react\"\nimport ReactDOM from \"react-dom\"\nimport { getA11yOnClick } from \"../../helpers\"\nimport useBreakpoint from \"../../hooks/useBreakpoint\"\nimport { CloseIcon } from \"../Icon\"\nimport { Fixed } from \"../Layout/Surfaces\"\nimport Modal from \"../Modal\"\n\ntype SidepanelFooterPropsType = React.PropsWithChildren<{\n  className?: string\n}>\n\nconst SidepanelFooter = ({ children, className }: SidepanelFooterPropsType) => {\n  return (\n    <div className={cx(\"c-p-sm c-border-t c-border-outline\", className)}>\n      {children}\n    </div>\n  )\n}\n\ntype SidepanelPropsType = React.PropsWithChildren<{\n  isOpen: boolean\n  title?: string\n  close?: () => void\n  width?: ComponentProps<typeof Fixed>[\"width\"]\n  withDesktopOverlay?: boolean\n}>\n\n// Memoized component to not render content when the panel is collapsing\nfunction _SidepanelContent({ title, close, children }: SidepanelPropsType) {\n  return (\n    <>\n      {title && (\n        <div className=\"c-flex c-gap-sm c-items-center c-px-sm c-py-md c-border-b c-border-outline\">\n          <div className=\"c-text-title-md c-flex-1\">{title}</div>\n          {close && (\n            <div className=\"c-w-md c-cursor-pointer\" {...getA11yOnClick(close)}>\n              <CloseIcon size={24} />\n            </div>\n          )}\n        </div>\n      )}\n      {children}\n    </>\n  )\n}\n\nfunction areSidepanelContentEqual(\n  _prevProps: SidepanelPropsType,\n  nextProps: SidepanelPropsType,\n) {\n  return !nextProps.isOpen\n}\n\nconst SidepanelContent = React.memo(_SidepanelContent, areSidepanelContentEqual)\nSidepanelContent.displayName = \"SidepanelContent\"\n\n// Only for the API, render nothing\nconst SidepanelFooterAPI = (_props: SidepanelFooterPropsType) => null\n\nconst isSidepanelFooterAPIComponent = (\n  component: React.ReactNode,\n): component is React.ReactElement<SidepanelFooterPropsType> =>\n  React.isValidElement(component) && component.type === SidepanelFooterAPI\n\nconst _Sidepanel = ({\n  isOpen,\n  title,\n  close,\n  withDesktopOverlay,\n  width = 420,\n  children,\n}: SidepanelPropsType) => {\n  const { isMobile } = useBreakpoint()\n\n  // To display box-shadow when visible. We can't rely on isOpen because it triggers the collapse animation and so the box shadow would not be set during the transition\n  const [isPanelVisible, setIsPanelVisible] = useState(false)\n\n  useEffect(() => {\n    isOpen && setIsPanelVisible(true)\n  }, [isOpen])\n\n  const sidepanelFooter = React.Children.toArray(children).find((c) =>\n    isSidepanelFooterAPIComponent(c),\n  )\n\n  let footer: React.ReactNode = null\n  if (React.isValidElement(sidepanelFooter)) {\n    footer = isMobile ? (\n      <Modal.Footer {...sidepanelFooter.props}></Modal.Footer>\n    ) : (\n      <SidepanelFooter {...sidepanelFooter.props} />\n    )\n  }\n\n  return isMobile ? (\n    <Modal\n      aria-label={\"Sidepanel\"}\n      isOpen={isOpen}\n      bodySpacing={false}\n      close={close}\n      title={title}\n    >\n      {children}\n      {footer}\n    </Modal>\n  ) : (\n    ReactDOM.createPortal(\n      <>\n        <div\n          className={cx(\"cobalt-sidepanel\", {\n            \"cobalt-sidepanel--show\": isOpen,\n            \"cobalt-sidepanel--visible\": isPanelVisible,\n          })}\n          onTransitionEnd={() => {\n            !isOpen && setIsPanelVisible(false)\n          }}\n        >\n          <Fixed width={width} isFullHeight>\n            <SidepanelContent isOpen={isOpen} title={title} close={close}>\n              {children}\n              {footer}\n            </SidepanelContent>\n          </Fixed>\n        </div>\n        {withDesktopOverlay && <div className=\"cobalt-sidepanel-overlay\"></div>}\n      </>,\n      document.body,\n    )\n  )\n}\n\n_Sidepanel.displayName = \"Sidepanel\"\n\nexport const Sidepanel = Object.assign(_Sidepanel, {\n  Footer: SidepanelFooterAPI,\n})\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/components/Tabs/index.js

@@ -1,6 +1,7 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Tabs as Tabs$1 } from '@ark-ui/react';
 import cx from 'classnames';
+import React from 'react';
 
 // Only for the API, render nothing, we use InternalTab component internally
 const Tab = (_props) => null;
@@ -10,13 +11,13 @@ const Tabs = ({ defaultTabId, subLevel, children, onChange, }) => {
     var _a;
     const tabsPropsArray = [];
     const tabsChildren = [];
-    let matchedHrefId = undefined;
+    let matchedHrefId;
     React.Children.forEach(children, (child) => {
         if (isTabComponent(child)) {
             const { children: tabChildren, ...tabProps } = child.props;
             tabsPropsArray.push(tabProps);
             // if no children, it will be null, nothing will be rendered
-            tabsChildren.push(React.createElement(Tabs$1.Content, { value: tabProps.id, className: "cobalt-tabs__panel", key: tabProps.id }, tabChildren));
+            tabsChildren.push(jsx(Tabs$1.Content, { value: tabProps.id, className: "cobalt-tabs__panel", children: tabChildren }, tabProps.id));
             if (tabProps.href === window.location.pathname) {
                 matchedHrefId = tabProps.id;
             }
@@ -25,15 +26,13 @@ const Tabs = ({ defaultTabId, subLevel, children, onChange, }) => {
     const getOnLinkClick = (href) => {
         if (!href)
             return;
-        return () => (window.location.pathname = href);
+        return () => {
+            window.location.pathname = href;
+        };
     };
-    return (React.createElement(Tabs$1.Root, { className: "cobalt-tabs", defaultValue: matchedHrefId || (defaultTabId === null || defaultTabId === void 0 ? void 0 : defaultTabId.toString()) || ((_a = tabsPropsArray === null || tabsPropsArray === void 0 ? void 0 : tabsPropsArray[0]) === null || _a === void 0 ? void 0 : _a.id), onValueChange: (details) => onChange === null || onChange === void 0 ? void 0 : onChange(details.value) },
-        React.createElement(Tabs$1.List, { className: cx("cobalt-tabs__labels", {
-                "cobalt-tabs__labels--subLevel": subLevel,
-            }) },
-            tabsPropsArray.map((props, index) => (React.createElement(Tabs$1.Trigger, { className: "cobalt-tabs__label", value: props.id, onClick: getOnLinkClick(props.href), key: index }, props.label))),
-            React.createElement(Tabs$1.Indicator, { className: "cobalt-tabs__indicator" })),
-        tabsChildren));
+    return (jsxs(Tabs$1.Root, { className: "cobalt-tabs", defaultValue: matchedHrefId || (defaultTabId === null || defaultTabId === void 0 ? void 0 : defaultTabId.toString()) || ((_a = tabsPropsArray === null || tabsPropsArray === void 0 ? void 0 : tabsPropsArray[0]) === null || _a === void 0 ? void 0 : _a.id), onValueChange: (details) => onChange === null || onChange === void 0 ? void 0 : onChange(details.value), children: [jsxs(Tabs$1.List, { className: cx("cobalt-tabs__labels", {
+                    "cobalt-tabs__labels--subLevel": subLevel,
+                }), children: [tabsPropsArray.map((props) => (jsx(Tabs$1.Trigger, { className: "cobalt-tabs__label", value: props.id, onClick: getOnLinkClick(props.href), children: props.label }, props.id))), jsx(Tabs$1.Indicator, { className: "cobalt-tabs__indicator" })] }), tabsChildren] }));
 };
 Tabs.Tab = Tab;
 

package/components/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Tabs/index.tsx"],"sourcesContent":["import React from \"react\"\nimport { Tabs as ArkTabs } from \"@ark-ui/react\"\nimport cx from \"classnames\"\n\nexport type TabsPropsType = {\n  children?: React.ReactNode\n  /**\n   * Index of the initial actived tab (first tab by default)\n   */\n  defaultTabId?: string\n  /**\n   * Method to be run on tab change\n   */\n  onChange?: (id: string) => void\n  /**\n   * Left aligned tabs with no uppercased labels\n   */\n  subLevel?: boolean\n}\n\ntype TabPropsType = {\n  children?: React.ReactNode\n  /**\n   * Unique id of the tab\n   */\n  id: string\n  /**\n   * Label/title of the tab\n   */\n  label: string | React.ReactNode\n  /**\n   * Hypertext link. If provided, the tab will be an anchor\n   */\n  href?: string\n}\n\n// Only for the API, render nothing, we use InternalTab component internally\nexport const Tab = (_props: TabPropsType) => null\nTab.displayName = \"Tab\"\n\nconst isTabComponent = (\n  component: React.ReactNode\n): component is React.ReactElement<TabPropsType> =>\n  React.isValidElement(component) && component.type === Tab\n\nconst Tabs = ({\n  defaultTabId,\n  subLevel,\n  children,\n  onChange,\n}: TabsPropsType) => {\n  const tabsPropsArray: TabPropsType[] = []\n  const tabsChildren: React.ReactNode[] = []\n  let matchedHrefId: string | undefined = undefined\n  React.Children.forEach(children, (child) => {\n    if (isTabComponent(child)) {\n      const { children: tabChildren, ...tabProps } = child.props\n      tabsPropsArray.push(tabProps)\n      // if no children, it will be null, nothing will be rendered\n      tabsChildren.push(\n        <ArkTabs.Content\n          value={tabProps.id}\n          className=\"cobalt-tabs__panel\"\n          key={tabProps.id}\n        >\n          {tabChildren}\n        </ArkTabs.Content>\n      )\n      if (tabProps.href === window.location.pathname) {\n        matchedHrefId = tabProps.id\n      }\n    }\n  })\n\n  const getOnLinkClick = (href?: string) => {\n    if (!href) return\n    return () => (window.location.pathname = href)\n  }\n\n  return (\n    <ArkTabs.Root\n      className=\"cobalt-tabs\"\n      defaultValue={\n        matchedHrefId || defaultTabId?.toString() || tabsPropsArray?.[0]?.id\n      }\n      onValueChange={(details) => onChange?.(details.value)}\n    >\n      <ArkTabs.List\n        className={cx(\"cobalt-tabs__labels\", {\n          \"cobalt-tabs__labels--subLevel\": subLevel,\n        })}\n      >\n        {tabsPropsArray.map((props, index) => (\n          <ArkTabs.Trigger\n            className=\"cobalt-tabs__label\"\n            value={props.id}\n            onClick={getOnLinkClick(props.href)}\n            key={index}\n          >\n            {props.label}\n          </ArkTabs.Trigger>\n        ))}\n        <ArkTabs.Indicator className=\"cobalt-tabs__indicator\" />\n      </ArkTabs.List>\n      {tabsChildren}\n    </ArkTabs.Root>\n  )\n}\n\nTabs.Tab = Tab\n\nexport default Tabs\n"],"names":["ArkTabs"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Tabs/index.tsx"],"sourcesContent":["import { Tabs as ArkTabs } from \"@ark-ui/react\"\nimport cx from \"classnames\"\nimport React from \"react\"\n\nexport type TabsPropsType = {\n  children?: React.ReactNode\n  /**\n   * Index of the initial actived tab (first tab by default)\n   */\n  defaultTabId?: string\n  /**\n   * Method to be run on tab change\n   */\n  onChange?: (id: string) => void\n  /**\n   * Left aligned tabs with no uppercased labels\n   */\n  subLevel?: boolean\n}\n\ntype TabPropsType = {\n  children?: React.ReactNode\n  /**\n   * Unique id of the tab\n   */\n  id: string\n  /**\n   * Label/title of the tab\n   */\n  label: string | React.ReactNode\n  /**\n   * Hypertext link. If provided, the tab will be an anchor\n   */\n  href?: string\n}\n\n// Only for the API, render nothing, we use InternalTab component internally\nexport const Tab = (_props: TabPropsType) => null\nTab.displayName = \"Tab\"\n\nconst isTabComponent = (\n  component: React.ReactNode,\n): component is React.ReactElement<TabPropsType> =>\n  React.isValidElement(component) && component.type === Tab\n\nconst Tabs = ({\n  defaultTabId,\n  subLevel,\n  children,\n  onChange,\n}: TabsPropsType) => {\n  const tabsPropsArray: TabPropsType[] = []\n  const tabsChildren: React.ReactNode[] = []\n  let matchedHrefId: string | undefined\n  React.Children.forEach(children, (child) => {\n    if (isTabComponent(child)) {\n      const { children: tabChildren, ...tabProps } = child.props\n      tabsPropsArray.push(tabProps)\n      // if no children, it will be null, nothing will be rendered\n      tabsChildren.push(\n        <ArkTabs.Content\n          value={tabProps.id}\n          className=\"cobalt-tabs__panel\"\n          key={tabProps.id}\n        >\n          {tabChildren}\n        </ArkTabs.Content>,\n      )\n      if (tabProps.href === window.location.pathname) {\n        matchedHrefId = tabProps.id\n      }\n    }\n  })\n\n  const getOnLinkClick = (href?: string) => {\n    if (!href) return\n    return () => {\n      window.location.pathname = href\n    }\n  }\n\n  return (\n    <ArkTabs.Root\n      className=\"cobalt-tabs\"\n      defaultValue={\n        matchedHrefId || defaultTabId?.toString() || tabsPropsArray?.[0]?.id\n      }\n      onValueChange={(details) => onChange?.(details.value)}\n    >\n      <ArkTabs.List\n        className={cx(\"cobalt-tabs__labels\", {\n          \"cobalt-tabs__labels--subLevel\": subLevel,\n        })}\n      >\n        {tabsPropsArray.map((props) => (\n          <ArkTabs.Trigger\n            className=\"cobalt-tabs__label\"\n            value={props.id}\n            onClick={getOnLinkClick(props.href)}\n            key={props.id}\n          >\n            {props.label}\n          </ArkTabs.Trigger>\n        ))}\n        <ArkTabs.Indicator className=\"cobalt-tabs__indicator\" />\n      </ArkTabs.List>\n      {tabsChildren}\n    </ArkTabs.Root>\n  )\n}\n\nTabs.Tab = Tab\n\nexport default Tabs\n"],"names":["_jsx","ArkTabs","_jsxs"],"mappings":"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"}

package/components/Tag/index.js

@@ -1,9 +1,9 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import cx from 'classnames';
 
-const Tag = ({ children, variant, className }) => (React.createElement("div", { className: cx("cobalt-Tag", className, {
+const Tag = ({ children, variant, className }) => (jsx("div", { className: cx("cobalt-Tag", className, {
         [`cobalt-Tag--${variant}`]: variant,
-    }) }, children));
+    }), children: children }));
 
 export { Tag };
 //# sourceMappingURL=index.js.map

package/components/Tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Tag/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nexport interface TagProps {\n  children: React.ReactNode\n  className?: string\n  variant?:\n    | \"muted\"\n    | \"important\"\n    | \"importantPrimary\"\n    | \"success\"\n    | \"successPrimary\"\n    | \"info\"\n    | \"accent\"\n    | \"accentPrimary\"\n    | \"connect\"\n    | \"connectPrimary\"\n}\n\nexport const Tag = ({ children, variant, className }: TagProps) => (\n  <div\n    className={cx(\"cobalt-Tag\", className, {\n      [`cobalt-Tag--${variant}`]: variant,\n    })}\n  >\n    {children}\n  </div>\n)\n"],"names":[],"mappings":";;;AAmBa,MAAA,GAAG,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAY,MAC5D,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE;AACrC,QAAA,CAAC,CAAe,YAAA,EAAA,OAAO,CAAE,CAAA,GAAG,OAAO;AACpC,KAAA,CAAC,EAED,EAAA,QAAQ,CACL;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Tag/index.tsx"],"sourcesContent":["import cx from \"classnames\"\nimport type React from \"react\"\n\nexport interface TagProps {\n  children: React.ReactNode\n  className?: string\n  variant?:\n    | \"muted\"\n    | \"important\"\n    | \"importantPrimary\"\n    | \"success\"\n    | \"successPrimary\"\n    | \"info\"\n    | \"accent\"\n    | \"accentPrimary\"\n    | \"connect\"\n    | \"connectPrimary\"\n}\n\nexport const Tag = ({ children, variant, className }: TagProps) => (\n  <div\n    className={cx(\"cobalt-Tag\", className, {\n      [`cobalt-Tag--${variant}`]: variant,\n    })}\n  >\n    {children}\n  </div>\n)\n"],"names":["_jsx"],"mappings":";;;AAmBa,MAAA,GAAG,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAY,MAC5DA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE;AACrC,QAAA,CAAC,CAAe,YAAA,EAAA,OAAO,CAAE,CAAA,GAAG,OAAO;AACpC,KAAA,CAAC,EAED,QAAA,EAAA,QAAQ,EACL,CAAA;;;;"}

package/components/utils/camelize.js

@@ -1,6 +1,6 @@
 function camelize(s) {
     return s
-        .replace(/(?:^\w|[A-Z]|\b\w|\s+)/g, function (match, index) {
+        .replace(/(?:^\w|[A-Z]|\b\w|\s+)/g, (match, index) => {
         if (+match === 0)
             return ""; // or if (/\s+/.test(match)) for white spaces
         return index === 0 ? match.toLowerCase() : match.toUpperCase();

package/components/utils/camelize.js.map

@@ -1 +1 @@
-{"version":3,"file":"camelize.js","sources":["../../../src/components/utils/camelize.ts"],"sourcesContent":["function camelize(s: string) {\n  return s\n    .replace(/(?:^\\w|[A-Z]|\\b\\w|\\s+)/g, function (match, index) {\n      if (+match === 0) return \"\" // or if (/\\s+/.test(match)) for white spaces\n      return index === 0 ? match.toLowerCase() : match.toUpperCase()\n    })\n    .replace(/-/g, \"\")\n    .replace(/_/g, \"\")\n}\n\nexport default camelize\n"],"names":[],"mappings":"AAAA,SAAS,QAAQ,CAAC,CAAS,EAAA;AACzB,IAAA,OAAO,CAAC;AACL,SAAA,OAAO,CAAC,yBAAyB,EAAE,UAAU,KAAK,EAAE,KAAK,EAAA;QACxD,IAAI,CAAC,KAAK,KAAK,CAAC;YAAE,OAAO,EAAE,CAAA;AAC3B,QAAA,OAAO,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,WAAW,EAAE,CAAA;AAChE,KAAC,CAAC;AACD,SAAA,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;AACjB,SAAA,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;AACtB;;;;"}
+{"version":3,"file":"camelize.js","sources":["../../../src/components/utils/camelize.ts"],"sourcesContent":["function camelize(s: string) {\n  return s\n    .replace(/(?:^\\w|[A-Z]|\\b\\w|\\s+)/g, (match, index) => {\n      if (+match === 0) return \"\" // or if (/\\s+/.test(match)) for white spaces\n      return index === 0 ? match.toLowerCase() : match.toUpperCase()\n    })\n    .replace(/-/g, \"\")\n    .replace(/_/g, \"\")\n}\n\nexport default camelize\n"],"names":[],"mappings":"AAAA,SAAS,QAAQ,CAAC,CAAS,EAAA;AACzB,IAAA,OAAO,CAAC;SACL,OAAO,CAAC,yBAAyB,EAAE,CAAC,KAAK,EAAE,KAAK,KAAI;QACnD,IAAI,CAAC,KAAK,KAAK,CAAC;YAAE,OAAO,EAAE,CAAA;AAC3B,QAAA,OAAO,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,WAAW,EAAE,CAAA;AAChE,KAAC,CAAC;AACD,SAAA,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;AACjB,SAAA,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;AACtB;;;;"}

package/components/utils/eqSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"eqSet.js","sources":["../../../src/components/utils/eqSet.ts"],"sourcesContent":["function eqSet<T = any>(a: Set<T>, b: Set<T>) {\n  if (a.size !== b.size) return false\n  for (const v of a) if (!b.has(v)) return false\n  return true\n}\n\nexport default eqSet\n"],"names":[],"mappings":"AAAA,SAAS,KAAK,CAAU,CAAS,EAAE,CAAS,EAAA;AAC1C,IAAA,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI;AAAE,QAAA,OAAO,KAAK,CAAA;IACnC,KAAK,MAAM,CAAC,IAAI,CAAC;AAAE,QAAA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAAE,YAAA,OAAO,KAAK,CAAA;AAC9C,IAAA,OAAO,IAAI,CAAA;AACb;;;;"}
+{"version":3,"file":"eqSet.js","sources":["../../../src/components/utils/eqSet.ts"],"sourcesContent":["function eqSet<T = unknown>(a: Set<T>, b: Set<T>) {\n  if (a.size !== b.size) return false\n  for (const v of a) if (!b.has(v)) return false\n  return true\n}\n\nexport default eqSet\n"],"names":[],"mappings":"AAAA,SAAS,KAAK,CAAc,CAAS,EAAE,CAAS,EAAA;AAC9C,IAAA,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI;AAAE,QAAA,OAAO,KAAK,CAAA;IACnC,KAAK,MAAM,CAAC,IAAI,CAAC;AAAE,QAAA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAAE,YAAA,OAAO,KAAK,CAAA;AAC9C,IAAA,OAAO,IAAI,CAAA;AACb;;;;"}

package/components/utils/validateFile.js

@@ -60,7 +60,7 @@ const getMimeType = (file) => {
     });
 };
 const getFileExtensionFromFileName = (fileName) => {
-    const fileTypeFromFileNameRegExp = new RegExp(`(\\.)(.+)$`, "i");
+    const fileTypeFromFileNameRegExp = /(\.)(.+)$/i;
     const fromName = fileTypeFromFileNameRegExp.exec(fileName);
     if (fromName && fromName.length > 1 && fromName[2]) {
         return fromName[2];

package/components/utils/validateFile.js.map

@@ -1 +1 @@
-{"version":3,"file":"validateFile.js","sources":["../../../src/components/utils/validateFile.ts"],"sourcesContent":["import typer from \"media-typer\"\n\nconst MIME_SUBTYPE_TO_EXTENSION: Record<string, string> = {\n  gif: \"gif\",\n  jpeg: \"jpg\",\n  pdf: \"pdf\",\n  png: \"png\",\n  zip: \"zip\",\n  csv: \"csv\",\n}\n\nconst getFileSignature = (blob: Blob): Promise<string> => {\n  return new Promise<string>((resolve, reject) => {\n    try {\n      const fileReader: FileReader = new FileReader()\n      fileReader.onloadend = (_e: Event) => {\n        let header = \"\"\n        const result: ArrayBuffer = fileReader.result as ArrayBuffer\n        const arr = new Uint8Array(result)\n\n        for (let i = 0; i < arr.length; i++) {\n          header += arr[i].toString(16)\n        }\n        resolve(header)\n      }\n      fileReader.readAsArrayBuffer(blob.slice(0, 4))\n    } catch (e) {\n      reject(e)\n    }\n  })\n}\n\nconst getMimetypeFromSignature = (signature: string): string | null => {\n  switch (signature.toUpperCase()) {\n    case \"89504E47\":\n      return \"image/png\"\n    case \"47494638\":\n      return \"image/gif\"\n    case \"25504446\":\n      return \"application/pdf\"\n    case \"FFD8FFDB\":\n    case \"FFD8FFEE\":\n    case \"FFD8FFE0\":\n    case \"FFD8FFE1\":\n    case \"FFD8FFE2\":\n    case \"FFD8FFE3\":\n    case \"FFD8FFE8\":\n      return \"image/jpeg\"\n    case \"504B0304\":\n      return \"application/zip\"\n    default:\n      return null\n  }\n}\n\nconst getMimeType = (file: Blob): Promise<string | null> => {\n  return new Promise((resolve, reject) => {\n    getFileSignature(file).then(\n      (signature) => {\n        resolve(getMimetypeFromSignature(signature))\n      },\n      (error) => {\n        reject(error)\n      }\n    )\n  })\n}\n\nconst getFileExtensionFromFileName = (fileName: string): string | null => {\n  const fileTypeFromFileNameRegExp = new RegExp(`(\\\\.)(.+)$`, \"i\")\n\n  const fromName = fileTypeFromFileNameRegExp.exec(fileName)\n  if (fromName && fromName.length > 1 && fromName[2]) {\n    return fromName[2]\n  }\n\n  return null\n}\n\nconst getFileExtensionFromMimeType = (mimeType: string): string | null => {\n  try {\n    const type = typer.parse(mimeType).subtype\n    return MIME_SUBTYPE_TO_EXTENSION[type] || null\n  } catch (_e) {\n    return null\n  }\n}\n\n// If this function\n// - return falsy => the file is correct, file process will abort\n// - return true => the file is valid to continue the file process\nexport const validateFile = async (\n  file: File,\n  fileTypeValidator: (\n    file: File,\n    extension: string | null\n  ) => boolean | undefined | null\n) => {\n  const mimeType = await getMimeType(file)\n  const extension =\n    (mimeType && getFileExtensionFromMimeType(mimeType)) ||\n    getFileExtensionFromMimeType(file.type) ||\n    getFileExtensionFromFileName(file.name)\n\n  return fileTypeValidator(file, extension)\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"validateFile.js","sources":["../../../src/components/utils/validateFile.ts"],"sourcesContent":["import typer from \"media-typer\"\n\nconst MIME_SUBTYPE_TO_EXTENSION: Record<string, string> = {\n  gif: \"gif\",\n  jpeg: \"jpg\",\n  pdf: \"pdf\",\n  png: \"png\",\n  zip: \"zip\",\n  csv: \"csv\",\n}\n\nconst getFileSignature = (blob: Blob): Promise<string> => {\n  return new Promise<string>((resolve, reject) => {\n    try {\n      const fileReader: FileReader = new FileReader()\n      fileReader.onloadend = (_e: Event) => {\n        let header = \"\"\n        const result: ArrayBuffer = fileReader.result as ArrayBuffer\n        const arr = new Uint8Array(result)\n\n        for (let i = 0; i < arr.length; i++) {\n          header += arr[i].toString(16)\n        }\n        resolve(header)\n      }\n      fileReader.readAsArrayBuffer(blob.slice(0, 4))\n    } catch (e) {\n      reject(e)\n    }\n  })\n}\n\nconst getMimetypeFromSignature = (signature: string): string | null => {\n  switch (signature.toUpperCase()) {\n    case \"89504E47\":\n      return \"image/png\"\n    case \"47494638\":\n      return \"image/gif\"\n    case \"25504446\":\n      return \"application/pdf\"\n    case \"FFD8FFDB\":\n    case \"FFD8FFEE\":\n    case \"FFD8FFE0\":\n    case \"FFD8FFE1\":\n    case \"FFD8FFE2\":\n    case \"FFD8FFE3\":\n    case \"FFD8FFE8\":\n      return \"image/jpeg\"\n    case \"504B0304\":\n      return \"application/zip\"\n    default:\n      return null\n  }\n}\n\nconst getMimeType = (file: Blob): Promise<string | null> => {\n  return new Promise((resolve, reject) => {\n    getFileSignature(file).then(\n      (signature) => {\n        resolve(getMimetypeFromSignature(signature))\n      },\n      (error) => {\n        reject(error)\n      },\n    )\n  })\n}\n\nconst getFileExtensionFromFileName = (fileName: string): string | null => {\n  const fileTypeFromFileNameRegExp = /(\\.)(.+)$/i\n\n  const fromName = fileTypeFromFileNameRegExp.exec(fileName)\n  if (fromName && fromName.length > 1 && fromName[2]) {\n    return fromName[2]\n  }\n\n  return null\n}\n\nconst getFileExtensionFromMimeType = (mimeType: string): string | null => {\n  try {\n    const type = typer.parse(mimeType).subtype\n    return MIME_SUBTYPE_TO_EXTENSION[type] || null\n  } catch (_e) {\n    return null\n  }\n}\n\n// If this function\n// - return falsy => the file is correct, file process will abort\n// - return true => the file is valid to continue the file process\nexport const validateFile = async (\n  file: File,\n  fileTypeValidator: (\n    file: File,\n    extension: string | null,\n  ) => boolean | undefined | null,\n) => {\n  const mimeType = await getMimeType(file)\n  const extension =\n    (mimeType && getFileExtensionFromMimeType(mimeType)) ||\n    getFileExtensionFromMimeType(file.type) ||\n    getFileExtensionFromFileName(file.name)\n\n  return fileTypeValidator(file, extension)\n}\n"],"names":[],"mappings":"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"}

package/helpers/index.js

@@ -9,6 +9,15 @@ const getComputedThemeColor = (colorThemeName) => {
     const styles = getComputedStyle(document.documentElement);
     return styles.getPropertyValue(`--c-${colorThemeName}`);
 };
+const getA11yOnClick = (onClick) => ({
+    onClick,
+    onKeyUp: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            onClick(e);
+        }
+    },
+});
 
-export { getCSSVariableThemeColor, getComputedThemeColor };
+export { getA11yOnClick, getCSSVariableThemeColor, getComputedThemeColor };
 //# sourceMappingURL=index.js.map

package/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/helpers/index.ts"],"sourcesContent":["import { theme } from \"../tokens\"\n\nexport type ColorsType = keyof typeof theme | \"transparent\" | \"current\"\n\nexport const getCSSVariableThemeColor = (colorThemeName: ColorsType) => {\n  return `var(--c-${colorThemeName})`\n}\n\nexport const getComputedThemeColor = (colorThemeName: ColorsType) => {\n  if (colorThemeName === \"current\") return \"currentColor\"\n  if (colorThemeName === \"transparent\") return \"transparent\"\n\n  const styles = getComputedStyle(document.documentElement)\n  return styles.getPropertyValue(`--c-${colorThemeName}`)\n}\n"],"names":[],"mappings":"AAIa,MAAA,wBAAwB,GAAG,CAAC,cAA0B,KAAI;IACrE,OAAO,CAAA,QAAA,EAAW,cAAc,CAAA,CAAA,CAAG,CAAA;AACrC,EAAC;AAEY,MAAA,qBAAqB,GAAG,CAAC,cAA0B,KAAI;IAClE,IAAI,cAAc,KAAK,SAAS;AAAE,QAAA,OAAO,cAAc,CAAA;IACvD,IAAI,cAAc,KAAK,aAAa;AAAE,QAAA,OAAO,aAAa,CAAA;IAE1D,MAAM,MAAM,GAAG,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAA;IACzD,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,cAAc,CAAA,CAAE,CAAC,CAAA;AACzD;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/helpers/index.ts"],"sourcesContent":["import type { theme } from \"../tokens\"\n\nexport type ColorsType = keyof typeof theme | \"transparent\" | \"current\"\n\nexport const getCSSVariableThemeColor = (colorThemeName: ColorsType) => {\n  return `var(--c-${colorThemeName})`\n}\n\nexport const getComputedThemeColor = (colorThemeName: ColorsType) => {\n  if (colorThemeName === \"current\") return \"currentColor\"\n  if (colorThemeName === \"transparent\") return \"transparent\"\n\n  const styles = getComputedStyle(document.documentElement)\n  return styles.getPropertyValue(`--c-${colorThemeName}`)\n}\n\nexport const getA11yOnClick = <T extends HTMLElement>(\n  onClick: (e: React.MouseEvent<T> | React.KeyboardEvent<T>) => void,\n) => ({\n  onClick,\n  onKeyUp: (e: React.KeyboardEvent<T>) => {\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault()\n      onClick(e)\n    }\n  },\n})\n"],"names":[],"mappings":"AAIa,MAAA,wBAAwB,GAAG,CAAC,cAA0B,KAAI;IACrE,OAAO,CAAA,QAAA,EAAW,cAAc,CAAA,CAAA,CAAG,CAAA;AACrC,EAAC;AAEY,MAAA,qBAAqB,GAAG,CAAC,cAA0B,KAAI;IAClE,IAAI,cAAc,KAAK,SAAS;AAAE,QAAA,OAAO,cAAc,CAAA;IACvD,IAAI,cAAc,KAAK,aAAa;AAAE,QAAA,OAAO,aAAa,CAAA;IAE1D,MAAM,MAAM,GAAG,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAA;IACzD,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,cAAc,CAAA,CAAE,CAAC,CAAA;AACzD,EAAC;MAEY,cAAc,GAAG,CAC5B,OAAkE,MAC9D;IACJ,OAAO;AACP,IAAA,OAAO,EAAE,CAAC,CAAyB,KAAI;AACrC,QAAA,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;YACtC,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,OAAO,CAAC,CAAC,CAAC,CAAA;SACX;KACF;AACF,CAAA;;;;"}

package/hooks/useBreakpoint.js

@@ -1,5 +1,6 @@
-import { useState, useEffect } from 'react';
+import { useState } from 'react';
 import { breakpoints } from '../tokens/index.js';
+import { useOnMountEffect } from './useOnMountEffect.js';
 
 const defaultBreakpoint = "md";
 const breakpointsArray = Object.keys(breakpoints)
@@ -25,20 +26,20 @@ cobaltBreakpoints.push([
     "over",
     `(min-width: ${breakpointsArray[breakpointsArray.length - 1].value}px)`,
 ]);
+const isMobileBreakpoint = (bp) => bp === "sm" || bp === "xs";
+const isTabletBreakpoint = (bp) => bp === "md";
+const isDesktopBreakpoint = (bp) => bp === "lg" || bp === "over";
+const getMediaQueriesList = () => cobaltBreakpoints.map((b) => window.matchMedia(b[1]));
+const getBreakpoint = () => {
+    const matchIndex = getMediaQueriesList().findIndex((media) => media.matches);
+    return matchIndex !== -1
+        ? cobaltBreakpoints[matchIndex][0]
+        : defaultBreakpoint;
+};
 /**
  * Hook to get the current Cobalt breakpoint according to the viewport size
  */
 const useBreakpoint = () => {
-    const getMediaQueriesList = () => cobaltBreakpoints.map((b) => window.matchMedia(b[1]));
-    const getBreakpoint = () => {
-        const matchIndex = getMediaQueriesList().findIndex((media) => media.matches);
-        return matchIndex !== -1
-            ? cobaltBreakpoints[matchIndex][0]
-            : defaultBreakpoint;
-    };
-    const isMobileBreakpoint = (bp) => bp === "sm" || bp === "xs";
-    const isTabletBreakpoint = (bp) => bp === "md";
-    const isDesktopBreakpoint = (bp) => bp === "lg" || bp === "over";
     const initialBreakpoint = getBreakpoint();
     const [breakpoint, setBreakpoint] = useState(initialBreakpoint);
     const [isMobile, setIsMobile] = useState(isMobileBreakpoint(initialBreakpoint));
@@ -46,7 +47,7 @@ const useBreakpoint = () => {
     const [isDesktop, setIsDesktop] = useState(
     // Be careful: isDesktop != !isMobile
     isDesktopBreakpoint(initialBreakpoint));
-    useEffect(() => {
+    useOnMountEffect(() => {
         const handleMediaChange = () => {
             const newBreakpoint = getBreakpoint();
             setBreakpoint(newBreakpoint);
@@ -68,7 +69,7 @@ const useBreakpoint = () => {
                 ? mq.removeEventListener("change", handleMediaChange)
                 : mq.removeListener(handleMediaChange);
         });
-    }, []); // Empty array ensures effect is only run on mount and unmount
+    });
     return { breakpoint, isMobile, isTablet, isDesktop };
 };
 

package/hooks/useBreakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint.js","sources":["../../src/hooks/useBreakpoint.ts"],"sourcesContent":["import { useState, useEffect } from \"react\"\nimport { breakpoints } from \"../tokens\"\n\nexport type CobaltBreakpointType = keyof typeof breakpoints | \"over\"\n\nconst defaultBreakpoint: CobaltBreakpointType = \"md\"\n\nconst breakpointsArray = (\n  Object.keys(breakpoints) as (keyof typeof breakpoints)[]\n)\n  .map((bp) => ({\n    name: bp,\n    value: parseInt(breakpoints[bp].slice(0, -2), 10),\n  }))\n  .sort((a, b) => a.value - b.value)\n\nexport const cobaltBreakpoints: [CobaltBreakpointType, string][] =\n  breakpointsArray.map((breakpoint, index) => {\n    // lowest limit\n    if (index === 0) {\n      return [breakpoint.name, `(max-width: ${breakpoint.value - 1}px)`]\n    } else {\n      return [\n        breakpoint.name,\n        `(min-width: ${breakpointsArray[index - 1].value}px) and (max-width: ${\n          breakpoint.value - 1\n        }px)`,\n      ]\n    }\n  })\n\n// highest limit\ncobaltBreakpoints.push([\n  \"over\",\n  `(min-width: ${breakpointsArray[breakpointsArray.length - 1].value}px)`,\n])\n\n/**\n * Hook to get the current Cobalt breakpoint according to the viewport size\n */\nconst useBreakpoint = () => {\n  const getMediaQueriesList = () =>\n    cobaltBreakpoints.map((b) => window.matchMedia(b[1]))\n\n  const getBreakpoint = () => {\n    const matchIndex = getMediaQueriesList().findIndex((media) => media.matches)\n    return matchIndex !== -1\n      ? cobaltBreakpoints[matchIndex][0]\n      : defaultBreakpoint\n  }\n\n  const isMobileBreakpoint = (bp: CobaltBreakpointType) =>\n    bp === \"sm\" || bp === \"xs\"\n\n  const isTabletBreakpoint = (bp: CobaltBreakpointType) => bp === \"md\"\n\n  const isDesktopBreakpoint = (bp: CobaltBreakpointType) =>\n    bp === \"lg\" || bp === \"over\"\n\n  const initialBreakpoint = getBreakpoint()\n\n  const [breakpoint, setBreakpoint] =\n    useState<CobaltBreakpointType>(initialBreakpoint)\n\n  const [isMobile, setIsMobile] = useState(\n    isMobileBreakpoint(initialBreakpoint)\n  )\n\n  const [isTablet, setIsTablet] = useState(\n    isTabletBreakpoint(initialBreakpoint)\n  )\n\n  const [isDesktop, setIsDesktop] = useState(\n    // Be careful: isDesktop != !isMobile\n    isDesktopBreakpoint(initialBreakpoint)\n  )\n\n  useEffect(() => {\n    const handleMediaChange = () => {\n      const newBreakpoint = getBreakpoint()\n      setBreakpoint(newBreakpoint)\n      setIsMobile(isMobileBreakpoint(newBreakpoint))\n      setIsTablet(isTabletBreakpoint(newBreakpoint))\n      setIsDesktop(isDesktopBreakpoint(newBreakpoint))\n    }\n    const mediaQueriesList = getMediaQueriesList()\n    mediaQueriesList.forEach((mq) => {\n      // Safari < 14 only supports addListener\n      mq.addEventListener\n        ? mq.addEventListener(\"change\", handleMediaChange)\n        : mq.addListener(handleMediaChange)\n    })\n    // Remove listeners on cleanup\n    return () =>\n      mediaQueriesList.forEach((mq) => {\n        // Safari < 14 only supports removeListener\n        mq.removeEventListener\n          ? mq.removeEventListener(\"change\", handleMediaChange)\n          : mq.removeListener(handleMediaChange)\n      })\n  }, []) // Empty array ensures effect is only run on mount and unmount\n\n  return { breakpoint, isMobile, isTablet, isDesktop }\n}\n\nexport default useBreakpoint\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useBreakpoint.js","sources":["../../src/hooks/useBreakpoint.ts"],"sourcesContent":["import { useState } from \"react\"\nimport { breakpoints } from \"../tokens\"\nimport { useOnMountEffect } from \"./useOnMountEffect\"\n\nexport type CobaltBreakpointType = keyof typeof breakpoints | \"over\"\n\nconst defaultBreakpoint: CobaltBreakpointType = \"md\"\n\nconst breakpointsArray = (\n  Object.keys(breakpoints) as (keyof typeof breakpoints)[]\n)\n  .map((bp) => ({\n    name: bp,\n    value: parseInt(breakpoints[bp].slice(0, -2), 10),\n  }))\n  .sort((a, b) => a.value - b.value)\n\nexport const cobaltBreakpoints: [CobaltBreakpointType, string][] =\n  breakpointsArray.map((breakpoint, index) => {\n    // lowest limit\n    if (index === 0) {\n      return [breakpoint.name, `(max-width: ${breakpoint.value - 1}px)`]\n    } else {\n      return [\n        breakpoint.name,\n        `(min-width: ${breakpointsArray[index - 1].value}px) and (max-width: ${\n          breakpoint.value - 1\n        }px)`,\n      ]\n    }\n  })\n\n// highest limit\ncobaltBreakpoints.push([\n  \"over\",\n  `(min-width: ${breakpointsArray[breakpointsArray.length - 1].value}px)`,\n])\n\nconst isMobileBreakpoint = (bp: CobaltBreakpointType) =>\n  bp === \"sm\" || bp === \"xs\"\n\nconst isTabletBreakpoint = (bp: CobaltBreakpointType) => bp === \"md\"\n\nconst isDesktopBreakpoint = (bp: CobaltBreakpointType) =>\n  bp === \"lg\" || bp === \"over\"\n\nconst getMediaQueriesList = () =>\n  cobaltBreakpoints.map((b) => window.matchMedia(b[1]))\n\nconst getBreakpoint = () => {\n  const matchIndex = getMediaQueriesList().findIndex((media) => media.matches)\n  return matchIndex !== -1\n    ? cobaltBreakpoints[matchIndex][0]\n    : defaultBreakpoint\n}\n\n/**\n * Hook to get the current Cobalt breakpoint according to the viewport size\n */\nconst useBreakpoint = () => {\n  const initialBreakpoint = getBreakpoint()\n\n  const [breakpoint, setBreakpoint] =\n    useState<CobaltBreakpointType>(initialBreakpoint)\n\n  const [isMobile, setIsMobile] = useState(\n    isMobileBreakpoint(initialBreakpoint),\n  )\n\n  const [isTablet, setIsTablet] = useState(\n    isTabletBreakpoint(initialBreakpoint),\n  )\n\n  const [isDesktop, setIsDesktop] = useState(\n    // Be careful: isDesktop != !isMobile\n    isDesktopBreakpoint(initialBreakpoint),\n  )\n\n  useOnMountEffect(() => {\n    const handleMediaChange = () => {\n      const newBreakpoint = getBreakpoint()\n      setBreakpoint(newBreakpoint)\n      setIsMobile(isMobileBreakpoint(newBreakpoint))\n      setIsTablet(isTabletBreakpoint(newBreakpoint))\n      setIsDesktop(isDesktopBreakpoint(newBreakpoint))\n    }\n    const mediaQueriesList = getMediaQueriesList()\n    mediaQueriesList.forEach((mq) => {\n      // Safari < 14 only supports addListener\n      mq.addEventListener\n        ? mq.addEventListener(\"change\", handleMediaChange)\n        : mq.addListener(handleMediaChange)\n    })\n    // Remove listeners on cleanup\n    return () =>\n      mediaQueriesList.forEach((mq) => {\n        // Safari < 14 only supports removeListener\n        mq.removeEventListener\n          ? mq.removeEventListener(\"change\", handleMediaChange)\n          : mq.removeListener(handleMediaChange)\n      })\n  })\n\n  return { breakpoint, isMobile, isTablet, isDesktop }\n}\n\nexport default useBreakpoint\n"],"names":[],"mappings":"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"}

package/hooks/useOnMountEffect.js

@@ -0,0 +1,14 @@
+import { useRef, useEffect } from 'react';
+
+const useOnMountEffect = (callBack) => {
+    const mounted = useRef(false);
+    return useEffect(() => {
+        if (!mounted.current) {
+            mounted.current = true;
+            callBack === null || callBack === void 0 ? void 0 : callBack();
+        }
+    }, [callBack]);
+};
+
+export { useOnMountEffect };
+//# sourceMappingURL=useOnMountEffect.js.map

package/hooks/useOnMountEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnMountEffect.js","sources":["../../src/hooks/useOnMountEffect.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\"\n\nexport const useOnMountEffect = (callBack: () => void) => {\n  const mounted = useRef(false)\n\n  return useEffect(() => {\n    if (!mounted.current) {\n      mounted.current = true\n      callBack?.()\n    }\n  }, [callBack])\n}\n"],"names":[],"mappings":";;AAEa,MAAA,gBAAgB,GAAG,CAAC,QAAoB,KAAI;AACvD,IAAA,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAE7B,OAAO,SAAS,CAAC,MAAK;AACpB,QAAA,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;AACpB,YAAA,OAAO,CAAC,OAAO,GAAG,IAAI,CAAA;AACtB,YAAA,QAAQ,KAAR,IAAA,IAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,QAAQ,EAAI,CAAA;SACb;AACH,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;AAChB;;;;"}

package/icons/backup-camera.js

@@ -0,0 +1,4 @@
+var backupCamera = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M16.242 19.242a.751.751 0 0 1 1.062 1.062 7.5 7.5 0 0 1-8.174 1.625 7.5 7.5 0 0 1-2.434-1.625.751.751 0 0 1 1.062-1.062 6 6 0 0 0 8.484 0\"/><path d=\"M14.512 17.234a.75.75 0 1 1 .837 1.244 6 6 0 0 1-6.584.075.75.75 0 0 1 .808-1.263 4.5 4.5 0 0 0 4.939-.056\"/><path fill-rule=\"evenodd\" d=\"M14.414 1.5a1.5 1.5 0 0 1 1.456 1.136l.524 2.097 1.19.596a.75.75 0 0 1-.669 1.342l-.415-.208V13.5a2.25 2.25 0 0 1-2.25 2.25H9a2.25 2.25 0 0 1-2.25-2.25V6.463l-.415.208a.75.75 0 0 1-.67-1.342l1.19-.596.525-2.097A1.5 1.5 0 0 1 8.836 1.5zM8.25 13.125H15v-1.5H8.25zm0-6.375H15v-1.5H8.25z\" clip-rule=\"evenodd\"/></svg>";
+
+export { backupCamera as default };
+//# sourceMappingURL=backup-camera.js.map

package/icons/backup-camera.js.map

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

package/icons/backup-camera.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.242 19.242a.751.751 0 0 1 1.062 1.062 7.5 7.5 0 0 1-8.174 1.625 7.5 7.5 0 0 1-2.434-1.625.751.751 0 0 1 1.062-1.062 6 6 0 0 0 8.484 0"/><path d="M14.512 17.234a.75.75 0 1 1 .837 1.244 6 6 0 0 1-6.584.075.75.75 0 0 1 .808-1.263 4.5 4.5 0 0 0 4.939-.056"/><path fill-rule="evenodd" d="M14.414 1.5c.688 0 1.29.468 1.456 1.136l.524 2.097 1.19.596a.75.75 0 0 1-.669 1.342l-.415-.208V13.5a2.25 2.25 0 0 1-2.25 2.25H9a2.25 2.25 0 0 1-2.25-2.25V6.463l-.415.208a.75.75 0 0 1-.67-1.342l1.19-.596.525-2.097A1.5 1.5 0 0 1 8.836 1.5zM8.25 13.125H15v-1.5H8.25zm0-6.375H15v-1.5H8.25z" clip-rule="evenodd"/></svg>

package/icons/bed.js

@@ -0,0 +1,4 @@
+var bed = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill-rule=\"evenodd\" d=\"M19.5 3.75a1.5 1.5 0 0 1 1.5 1.5v6.201c.448.26.75.744.75 1.299v7.5h-1.5V18H3.75v2.25h-1.5v-7.5A1.5 1.5 0 0 1 3 11.451V5.25a1.5 1.5 0 0 1 1.5-1.5zM6 8.813c-.932 0-1.687.755-1.687 1.687v.75c0 .104.083.188.187.188h6.75a.187.187 0 0 0 .188-.188v-.75c0-.932-.756-1.687-1.688-1.687zm8.25 0c-.932 0-1.687.755-1.687 1.687v.75c0 .104.083.188.187.188h6.75a.187.187 0 0 0 .188-.188v-.75c0-.932-.756-1.687-1.688-1.687z\" clip-rule=\"evenodd\"/></svg>";
+
+export { bed as default };
+//# sourceMappingURL=bed.js.map

package/icons/bed.js.map

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

package/icons/bed.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M19.5 3.75a1.5 1.5 0 0 1 1.5 1.5v6.201c.448.26.75.744.75 1.299v7.5h-1.5V18H3.75v2.25h-1.5v-7.5c0-.555.302-1.04.75-1.299V5.25a1.5 1.5 0 0 1 1.5-1.5zM6 8.813c-.932 0-1.687.755-1.687 1.687v.75c0 .104.083.188.187.188h6.75a.187.187 0 0 0 .188-.188v-.75c0-.932-.756-1.687-1.688-1.687zm8.25 0c-.932 0-1.687.755-1.687 1.687v.75c0 .104.083.188.187.188h6.75a.187.187 0 0 0 .188-.188v-.75c0-.932-.756-1.687-1.688-1.687z" clip-rule="evenodd"/></svg>

package/icons/countries/index.js

@@ -6,6 +6,6 @@ export { default as ES } from './es.js';
 export { default as EU } from './eu.js';
 export { default as FR } from './fr.js';
 export { default as GB } from './gb.js';
-export { default as US } from './us.js';
 export { default as NO } from './no.js';
+export { default as US } from './us.js';
 //# sourceMappingURL=index.js.map

package/icons/height.js

@@ -0,0 +1,4 @@
+var height = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M19.5 20.813v1.875h-15v-1.875zM16.038 8.337l-1.326 1.326-1.774-1.774v8.222l1.774-1.774 1.326 1.326L12 19.701l-4.038-4.038 1.326-1.326 1.774 1.774V7.89L9.289 9.663 7.962 8.337 12 4.299zM19.5 1.313v1.875h-15V1.312z\"/></svg>";
+
+export { height as default };
+//# sourceMappingURL=height.js.map

package/icons/height.js.map

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

package/icons/height.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.5 20.813v1.875h-15v-1.875zM16.038 8.337l-1.326 1.326-1.774-1.774v8.222l1.774-1.774 1.326 1.326L12 19.701l-4.038-4.038 1.326-1.326 1.774 1.774V7.89L9.289 9.663 7.962 8.337 12 4.299zM19.5 1.313v1.875h-15V1.312z"/></svg>