@onewelcome/react-lib-components 11.1.0-delta → 12.1.0-alpha

package/dist/components/Tabs/Tabs.es.js

@@ -0,0 +1,204 @@
+import React, { useState, createRef, useRef, useEffect } from "react";
+import { TabButton } from "./TabButton.es.js";
+import classes from "./Tabs.module.scss.es.js";
+const TabsComponent = ({
+  children,
+  selected = 0,
+  onTabChange,
+  className,
+  fluid,
+  tabListClassName,
+  align,
+  iconsPosition = "left",
+  tabChanging,
+  activateOnFocus = true,
+  ...rest
+}, ref) => {
+  const [renderedButtons, setRenderedButtons] = useState([]);
+  const [renderedTabs, setRenderedTabs] = useState([]);
+  const [activeTabIndex, setActiveTabIndex] = useState(selected);
+  const [focusedIndex, setFocusedIndex] = useState(selected);
+  const [usingKeyboardNavigation, setUsingKeyboardNavigation] = useState(false);
+  const [indicatorStyles, setIndicatorStyles] = useState({
+    width: 0,
+    left: 0,
+    top: 0
+  });
+  const tabsRef = ref || createRef();
+  const indicatorRef = useRef(null);
+  const getNextEnabledTabIndex = (startIndex, direction) => {
+    const kids = React.Children.toArray(children);
+    const totalAmountOfTabs = kids.length;
+    let nextIndex = startIndex;
+    for (let i = 0; i < totalAmountOfTabs; i++) {
+      if (direction === "next") {
+        nextIndex = nextIndex + 1 > totalAmountOfTabs - 1 ? 0 : nextIndex + 1;
+      } else {
+        nextIndex = nextIndex - 1 < 0 ? totalAmountOfTabs - 1 : nextIndex - 1;
+      }
+      const child = kids[nextIndex];
+      if (!child.props.disabled) {
+        return nextIndex;
+      }
+    }
+    return startIndex;
+  };
+  const getFirstEnabledTabIndex = () => {
+    const kids = React.Children.toArray(children);
+    const index = kids.findIndex((child) => !child.props.disabled);
+    return index === -1 ? 0 : index;
+  };
+  const getLastEnabledTabIndex = () => {
+    const kids = React.Children.toArray(children);
+    for (let i = kids.length - 1; i >= 0; i--) {
+      if (!kids[i].props.disabled) {
+        return i;
+      }
+    }
+    return kids.length - 1;
+  };
+  const handleKeyDown = (e) => {
+    const totalAmountOfTabs = [children].flat().length;
+    const keyToIndex = {
+      ArrowRight: () => getNextEnabledTabIndex(focusedIndex, "next"),
+      ArrowLeft: () => getNextEnabledTabIndex(focusedIndex, "prev"),
+      Home: () => getFirstEnabledTabIndex(),
+      End: () => getLastEnabledTabIndex()
+    };
+    const navigationKeys = Object.keys(keyToIndex);
+    if (navigationKeys.includes(e.key) && !usingKeyboardNavigation) {
+      setUsingKeyboardNavigation(true);
+    }
+    if (totalAmountOfTabs === 1) {
+      return;
+    }
+    const getIndexForKey = keyToIndex[e.key];
+    if (!getIndexForKey) {
+      return;
+    }
+    e.preventDefault();
+    const nextIndex = getIndexForKey();
+    setFocusedIndex(nextIndex);
+    if (activateOnFocus) {
+      void handleTabClick(nextIndex);
+    }
+  };
+  const handleBlur = (e) => {
+    if (!e.currentTarget.contains(e.relatedTarget)) {
+      setTimeout(() => {
+        setFocusedIndex(activeTabIndex);
+        setUsingKeyboardNavigation(false);
+      }, 0);
+    }
+  };
+  const calculateIndicatorPosition = () => {
+    if (tabsRef.current) {
+      const selectedButton = tabsRef.current.querySelectorAll('button[role="tab"]')[activeTabIndex];
+      setIndicatorStyles({
+        left: selectedButton.offsetLeft,
+        top: selectedButton.offsetTop + selectedButton.offsetHeight - indicatorRef.current.offsetHeight - parseInt(getComputedStyle(selectedButton).borderBottomWidth),
+        width: selectedButton.offsetWidth
+      });
+    }
+  };
+  const handleTabClick = async (newIndex) => {
+    var _a, _b;
+    try {
+      const allowed = typeof tabChanging === "function" ? await Promise.resolve(tabChanging(newIndex, activeTabIndex)) : true;
+      if (!allowed) {
+        setFocusedIndex(activeTabIndex);
+        const buttons = (_a = tabsRef.current) == null ? void 0 : _a.querySelectorAll('button[role="tab"]');
+        (_b = buttons == null ? void 0 : buttons[activeTabIndex]) == null ? void 0 : _b.focus();
+        return;
+      }
+      setActiveTabIndex(newIndex);
+      onTabChange == null ? void 0 : onTabChange(newIndex);
+    } catch (error) {
+      console.error("handleTabClick failed: ", error);
+    }
+  };
+  useEffect(() => {
+    setFocusedIndex(activeTabIndex);
+  }, [activeTabIndex]);
+  useEffect(() => {
+    if (tabsRef.current && renderedButtons.length) {
+      calculateIndicatorPosition();
+    }
+  }, [tabsRef.current, activeTabIndex, renderedButtons]);
+  useEffect(() => {
+    const buttons = React.Children.map(children, (child, index) => {
+      if (Object.prototype.hasOwnProperty.call(child.props, "title")) {
+        return React.createElement(
+          TabButton,
+          {
+            key: `${child.props.title.toLowerCase().replace(/\s/, "_")}_button`,
+            tabIndex: focusedIndex === index ? 0 : -1,
+            "aria-selected": activeTabIndex === index,
+            focused: usingKeyboardNavigation && focusedIndex === index,
+            tabActive: activeTabIndex === index,
+            "aria-controls": `tab_${index}`,
+            onClick: () => {
+              void handleTabClick(index);
+            },
+            onFocus: () => {
+              setFocusedIndex(index);
+            },
+            disabled: child.props.disabled,
+            fluid,
+            iconPosition: iconsPosition,
+            icon: child.props.icon
+          },
+          child.props.title
+        );
+      }
+      return null;
+    });
+    const tabs = React.Children.map(children, (child, index) => {
+      if (Object.prototype.hasOwnProperty.call(child.props, "title")) {
+        return React.cloneElement(child, {
+          key: `${child.props.title.toLowerCase().replace(/\s/, "_")}_tab`,
+          tabIndex: activeTabIndex === index ? 0 : -1,
+          tabActive: activeTabIndex === index,
+          id: `tab_${index}`,
+          children: child.props.children
+        });
+      }
+      return null;
+    });
+    setRenderedTabs(tabs);
+    setRenderedButtons(buttons);
+  }, [activeTabIndex, focusedIndex, fluid, align, iconsPosition]);
+  const tabListClasses = [classes["tablist"]];
+  align && tabListClasses.push(classes[align]);
+  tabListClassName && tabListClasses.push(tabListClassName);
+  return /* @__PURE__ */ React.createElement("div", { ...rest, ref: tabsRef, className: `${classes["tabs"]} ${className ?? ""}` }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      role: "tablist",
+      tabIndex: -1,
+      className: tabListClasses.join(" "),
+      onKeyDown: handleKeyDown,
+      onBlur: handleBlur
+    },
+    renderedButtons,
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: classes["indicator"],
+        ref: indicatorRef,
+        "aria-hidden": "true",
+        tabIndex: -1,
+        style: {
+          width: indicatorStyles.width,
+          left: indicatorStyles.left,
+          top: indicatorStyles.top
+        }
+      }
+    )
+  ), /* @__PURE__ */ React.createElement("div", null, renderedTabs));
+};
+const Tabs = React.forwardRef(TabsComponent);
+export {
+  Tabs
+};
+//# sourceMappingURL=Tabs.es.js.map

package/dist/components/Tabs/Tabs.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.es.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ComponentPropsWithRef,\n  createRef,\n  ForwardRefRenderFunction,\n  ReactElement,\n  RefObject,\n  useEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { Props as TabProps } from \"./Tab\";\nimport { TabButton } from \"./TabButton\";\nimport classes from \"./Tabs.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ReactElement<TabProps>[];\n  selected?: number;\n  onTabChange?: (index: number) => void;\n  tabChanging?: (newIndex: number, oldIndex: number) => Promise<boolean> | boolean;\n  fluid?: boolean;\n  align?: \"left\" | \"center\" | \"right\";\n  tabListClassName?: string;\n  iconsPosition?: \"left\" | \"right\" | \"top\" | \"bottom\";\n  activateOnFocus?: boolean;\n}\n\nconst TabsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    selected = 0,\n    onTabChange,\n    className,\n    fluid,\n    tabListClassName,\n    align,\n    iconsPosition = \"left\",\n    tabChanging,\n    activateOnFocus = true,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [renderedButtons, setRenderedButtons] = useState<ReactElement[]>([]);\n  const [renderedTabs, setRenderedTabs] = useState<ReactElement[]>([]);\n  const [activeTabIndex, setActiveTabIndex] = useState(selected);\n  const [focusedIndex, setFocusedIndex] = useState(selected);\n  const [usingKeyboardNavigation, setUsingKeyboardNavigation] = useState(false);\n  const [indicatorStyles, setIndicatorStyles] = useState<{\n    width: number;\n    left: number;\n    top: number;\n  }>({\n    width: 0,\n    left: 0,\n    top: 0\n  });\n  const tabsRef = (ref as RefObject<HTMLDivElement>) || createRef<HTMLDivElement>();\n  const indicatorRef = useRef<HTMLDivElement>(null);\n\n  const getNextEnabledTabIndex = (startIndex: number, direction: \"next\" | \"prev\"): number => {\n    const kids = React.Children.toArray(children) as ReactElement[];\n    const totalAmountOfTabs = kids.length;\n\n    let nextIndex = startIndex;\n\n    for (let i = 0; i < totalAmountOfTabs; i++) {\n      if (direction === \"next\") {\n        nextIndex = nextIndex + 1 > totalAmountOfTabs - 1 ? 0 : nextIndex + 1;\n      } else {\n        nextIndex = nextIndex - 1 < 0 ? totalAmountOfTabs - 1 : nextIndex - 1;\n      }\n\n      const child = kids[nextIndex];\n      if (!child.props.disabled) {\n        return nextIndex;\n      }\n    }\n\n    return startIndex;\n  };\n\n  const getFirstEnabledTabIndex = (): number => {\n    const kids = React.Children.toArray(children) as ReactElement[];\n    const index = kids.findIndex(child => !child.props.disabled);\n    return index === -1 ? 0 : index;\n  };\n\n  const getLastEnabledTabIndex = (): number => {\n    const kids = React.Children.toArray(children) as ReactElement[];\n    // findLastIndex is not available in all envs, reverse search\n    for (let i = kids.length - 1; i >= 0; i--) {\n      if (!kids[i].props.disabled) {\n        return i;\n      }\n    }\n    return kids.length - 1;\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    const totalAmountOfTabs = [children].flat().length;\n    const keyToIndex: Record<string, () => number> = {\n      ArrowRight: () => getNextEnabledTabIndex(focusedIndex, \"next\"),\n      ArrowLeft: () => getNextEnabledTabIndex(focusedIndex, \"prev\"),\n      Home: () => getFirstEnabledTabIndex(),\n      End: () => getLastEnabledTabIndex()\n    };\n    const navigationKeys = Object.keys(keyToIndex);\n    if (navigationKeys.includes(e.key) && !usingKeyboardNavigation) {\n      setUsingKeyboardNavigation(true);\n    }\n\n    if (totalAmountOfTabs === 1) {\n      return;\n    }\n\n    const getIndexForKey = keyToIndex[e.key];\n    if (!getIndexForKey) {\n      return;\n    }\n\n    e.preventDefault();\n    const nextIndex = getIndexForKey();\n    setFocusedIndex(nextIndex);\n    if (activateOnFocus) {\n      void handleTabClick(nextIndex);\n    }\n  };\n\n  const handleBlur = (e: React.FocusEvent) => {\n    if (!e.currentTarget.contains(e.relatedTarget)) {\n      setTimeout(() => {\n        setFocusedIndex(activeTabIndex);\n        setUsingKeyboardNavigation(false);\n      }, 0);\n    }\n  };\n\n  const calculateIndicatorPosition = () => {\n    if (tabsRef.current) {\n      const selectedButton = tabsRef.current.querySelectorAll('button[role=\"tab\"]')[\n        activeTabIndex\n      ] as HTMLElement;\n\n      setIndicatorStyles({\n        left: selectedButton.offsetLeft,\n        top:\n          selectedButton.offsetTop +\n          selectedButton.offsetHeight -\n          indicatorRef.current!.offsetHeight -\n          parseInt(getComputedStyle(selectedButton).borderBottomWidth),\n        width: selectedButton.offsetWidth\n      });\n    }\n  };\n\n  const handleTabClick = async (newIndex: number) => {\n    try {\n      const allowed =\n        typeof tabChanging === \"function\"\n          ? await Promise.resolve(tabChanging(newIndex, activeTabIndex))\n          : true;\n\n      if (!allowed) {\n        setFocusedIndex(activeTabIndex);\n        const buttons = tabsRef.current?.querySelectorAll<HTMLButtonElement>('button[role=\"tab\"]');\n        buttons?.[activeTabIndex]?.focus();\n        return;\n      }\n\n      setActiveTabIndex(newIndex);\n      onTabChange?.(newIndex);\n    } catch (error) {\n      console.error(\"handleTabClick failed: \", error);\n    }\n  };\n\n  useEffect(() => {\n    setFocusedIndex(activeTabIndex);\n  }, [activeTabIndex]);\n\n  useEffect(() => {\n    if (tabsRef.current && renderedButtons.length) {\n      calculateIndicatorPosition();\n    }\n  }, [tabsRef.current, activeTabIndex, renderedButtons]);\n\n  useEffect(() => {\n    const buttons = React.Children.map(children, (child, index) => {\n      if (Object.prototype.hasOwnProperty.call(child.props, \"title\")) {\n        return React.createElement(\n          TabButton,\n          {\n            key: `${child.props.title.toLowerCase().replace(/\\s/, \"_\")}_button`,\n            tabIndex: focusedIndex === index ? 0 : -1,\n            \"aria-selected\": activeTabIndex === index,\n            focused: usingKeyboardNavigation && focusedIndex === index,\n            tabActive: activeTabIndex === index,\n            \"aria-controls\": `tab_${index}`,\n            onClick: () => {\n              void handleTabClick(index);\n            },\n            onFocus: () => {\n              setFocusedIndex(index);\n            },\n            disabled: child.props.disabled,\n            fluid: fluid,\n            iconPosition: iconsPosition,\n            icon: child.props.icon\n          },\n          child.props.title\n        );\n      }\n      return null;\n    });\n\n    const tabs = React.Children.map(children, (child, index) => {\n      if (Object.prototype.hasOwnProperty.call(child.props, \"title\")) {\n        return React.cloneElement(child, {\n          key: `${child.props.title.toLowerCase().replace(/\\s/, \"_\")}_tab`,\n          tabIndex: activeTabIndex === index ? 0 : -1,\n          tabActive: activeTabIndex === index,\n          id: `tab_${index}`,\n          children: child.props.children\n        });\n      }\n\n      return null;\n    });\n\n    setRenderedTabs(tabs);\n    setRenderedButtons(buttons);\n  }, [activeTabIndex, focusedIndex, fluid, align, iconsPosition]);\n\n  const tabListClasses = [classes[\"tablist\"]];\n  align && tabListClasses.push(classes[align]);\n  tabListClassName && tabListClasses.push(tabListClassName);\n\n  return (\n    <div {...rest} ref={tabsRef} className={`${classes[\"tabs\"]} ${className ?? \"\"}`}>\n      <div\n        role=\"tablist\"\n        tabIndex={-1}\n        className={tabListClasses.join(\" \")}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n      >\n        {renderedButtons}\n        <div\n          className={classes[\"indicator\"]}\n          ref={indicatorRef}\n          aria-hidden=\"true\"\n          tabIndex={-1}\n          style={{\n            width: indicatorStyles.width,\n            left: indicatorStyles.left,\n            top: indicatorStyles.top\n          }}\n        />\n      </div>\n      <div>{renderedTabs}</div>\n    </div>\n  );\n};\n\nexport const Tabs = React.forwardRef(TabsComponent);\n"],"names":[],"mappings":"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"}

package/dist/components/Tabs/Tabs.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Tabs_sr-only_7l1Pc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Tabs_hidden_7l1Pc{display:none}.Tabs_slide-in_7l1Pc{animation:Tabs_slide-in_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.Tabs_slide-in_7l1Pc{animation-duration:.1ms}}.Tabs_slide-out_7l1Pc{animation:Tabs_slide-out_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.Tabs_slide-out_7l1Pc{animation-duration:.1ms}}@keyframes Tabs_slide-in_7l1Pc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tabs_slide-out_7l1Pc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Tabs_tabs_7l1Pc{background-color:var(--tabs-background-color);padding:1rem 1.25rem;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem}.Tabs_tablist_7l1Pc{display:flex;flex-wrap:nowrap;overflow-x:auto;position:relative;margin:-5px;padding:5px;z-index:0}.Tabs_tablist_7l1Pc.Tabs_center_7l1Pc{justify-content:center}.Tabs_tablist_7l1Pc.Tabs_right_7l1Pc{justify-content:flex-end}.Tabs_indicator_7l1Pc{position:absolute;height:calc(var(--tab-active-border-height) - var(--tablist-border-width));border-radius:.125rem .125rem 0 0;background-color:var(--tab-active-border-color);z-index:2;transition-property:left,width;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Tabs_indicator_7l1Pc{transition-duration:.1ms}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="Tabs_hidden_7l1Pc",s="Tabs_tabs_7l1Pc",e="Tabs_tablist_7l1Pc",i="Tabs_center_7l1Pc",l="Tabs_right_7l1Pc",r="Tabs_indicator_7l1Pc",a={"sr-only":"Tabs_sr-only_7l1Pc",hidden:t,"slide-in":"Tabs_slide-in_7l1Pc","slide-out":"Tabs_slide-out_7l1Pc",tabs:s,tablist:e,center:i,right:l,indicator:r};exports.center=i,exports.default=a,exports.hidden=t,exports.indicator=r,exports.right=l,exports.tablist=e,exports.tabs=s;
+//# sourceMappingURL=Tabs.module.scss.cjs.js.map

package/dist/components/Tabs/Tabs.module.scss.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Tabs/Tabs.module.scss.es.js

@@ -0,0 +1,28 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Tabs_sr-only_7l1Pc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Tabs_hidden_7l1Pc{display:none}.Tabs_slide-in_7l1Pc{animation:Tabs_slide-in_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.Tabs_slide-in_7l1Pc{animation-duration:.1ms}}.Tabs_slide-out_7l1Pc{animation:Tabs_slide-out_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.Tabs_slide-out_7l1Pc{animation-duration:.1ms}}@keyframes Tabs_slide-in_7l1Pc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Tabs_slide-out_7l1Pc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Tabs_tabs_7l1Pc{background-color:var(--tabs-background-color);padding:1rem 1.25rem;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem}.Tabs_tablist_7l1Pc{display:flex;flex-wrap:nowrap;overflow-x:auto;position:relative;margin:-5px;padding:5px;z-index:0}.Tabs_tablist_7l1Pc.Tabs_center_7l1Pc{justify-content:center}.Tabs_tablist_7l1Pc.Tabs_right_7l1Pc{justify-content:flex-end}.Tabs_indicator_7l1Pc{position:absolute;height:calc(var(--tab-active-border-height) - var(--tablist-border-width));border-radius:.125rem .125rem 0 0;background-color:var(--tab-active-border-color);z-index:2;transition-property:left,width;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Tabs_indicator_7l1Pc{transition-duration:.1ms}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+const hidden = "Tabs_hidden_7l1Pc";
+const tabs = "Tabs_tabs_7l1Pc";
+const tablist = "Tabs_tablist_7l1Pc";
+const center = "Tabs_center_7l1Pc";
+const right = "Tabs_right_7l1Pc";
+const indicator = "Tabs_indicator_7l1Pc";
+const classes = {
+  "sr-only": "Tabs_sr-only_7l1Pc",
+  hidden,
+  "slide-in": "Tabs_slide-in_7l1Pc",
+  "slide-out": "Tabs_slide-out_7l1Pc",
+  tabs,
+  tablist,
+  center,
+  right,
+  indicator
+};
+export {
+  center,
+  classes as default,
+  hidden,
+  indicator,
+  right,
+  tablist,
+  tabs
+};
+//# sourceMappingURL=Tabs.module.scss.es.js.map

package/dist/components/Tabs/Tabs.module.scss.es.js.map

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

package/dist/components/Tag/RemoveButton.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),s=require("../Icon/Icon.cjs.js"),t=require("../../readyclasses.module.scss.cjs.js"),o=require("./RemoveButton.module.scss.cjs.js"),r=e.forwardRef((({removeLabel:r="Remove",label:c,onRemove:a,...l},n)=>a&&e.createElement("button",{title:"",type:"button",...l,ref:n,className:`${o.default.remove} ${l.className??""}`,onClick:a},e.createElement(s.Icon,{icon:s.Icons.Times,className:o.default.icon}),e.createElement("span",{className:t.default["sr-only"]},r,c?" "+c:""))));exports.RemoveButton=r;
+//# sourceMappingURL=RemoveButton.cjs.js.map

package/dist/components/Tag/RemoveButton.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoveButton.cjs.js","sources":["../../../src/components/Tag/RemoveButton.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, HTMLAttributes, forwardRef } from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\n\nimport readyclasses from \"../../readyclasses.module.scss\";\nimport classes from \"./RemoveButton.module.scss\";\n\nexport interface Props extends HTMLAttributes<HTMLButtonElement> {\n  removeLabel?: string;\n  label?: string;\n  onRemove?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst RemoveButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  { removeLabel = \"Remove\", label, onRemove, ...rest }: Props,\n  ref\n) => {\n  return (\n    onRemove && (\n      <button\n        title=\"\"\n        type=\"button\"\n        {...rest}\n        ref={ref}\n        className={`${classes[\"remove\"]} ${rest.className ?? \"\"}`}\n        onClick={onRemove}\n      >\n        <Icon icon={Icons.Times} className={classes[\"icon\"]} />\n        <span className={readyclasses[\"sr-only\"]}>\n          {removeLabel}\n          {label ? \" \" + label : \"\"}\n        </span>\n      </button>\n    )\n  );\n};\n\nexport const RemoveButton = forwardRef(RemoveButtonComponent);\n"],"names":["RemoveButton","forwardRef","removeLabel","label","onRemove","rest","ref","React","createElement","title","type","className","classes","onClick","Icon","icon","Icons","Times","readyclasses","default"],"mappings":"4OAoDaA,EAAeC,cAxBsD,EAC9EC,cAAc,SAAUC,QAAOC,cAAaC,GAC9CC,IAGEF,GACEG,EAAAC,cAAC,SAAA,CACCC,MAAM,GACNC,KAAK,YACDL,EACJC,MACAK,UAAW,GAAGC,EAAAA,QAAgB,UAAKP,EAAKM,WAAa,KACrDE,QAAST,GAETG,EAAAC,cAACM,QAAKC,KAAMC,EAAAA,MAAMC,MAAON,UAAWC,EAAAA,QAAc,OAClDL,EAAAC,cAAC,OAAK,CAAAG,UAAWO,EAAaC,QAAA,YAC3BjB,EACAC,EAAQ,IAAMA,EAAQ"}

package/dist/components/Tag/RemoveButton.es.js

@@ -0,0 +1,24 @@
+import React, { forwardRef } from "react";
+import { Icon, Icons } from "../Icon/Icon.es.js";
+import readyclasses from "../../readyclasses.module.scss.es.js";
+import classes from "./RemoveButton.module.scss.es.js";
+const RemoveButtonComponent = ({ removeLabel = "Remove", label, onRemove, ...rest }, ref) => {
+  return onRemove && /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      title: "",
+      type: "button",
+      ...rest,
+      ref,
+      className: `${classes["remove"]} ${rest.className ?? ""}`,
+      onClick: onRemove
+    },
+    /* @__PURE__ */ React.createElement(Icon, { icon: Icons.Times, className: classes["icon"] }),
+    /* @__PURE__ */ React.createElement("span", { className: readyclasses["sr-only"] }, removeLabel, label ? " " + label : "")
+  );
+};
+const RemoveButton = forwardRef(RemoveButtonComponent);
+export {
+  RemoveButton
+};
+//# sourceMappingURL=RemoveButton.es.js.map

package/dist/components/Tag/RemoveButton.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoveButton.es.js","sources":["../../../src/components/Tag/RemoveButton.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, HTMLAttributes, forwardRef } from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\n\nimport readyclasses from \"../../readyclasses.module.scss\";\nimport classes from \"./RemoveButton.module.scss\";\n\nexport interface Props extends HTMLAttributes<HTMLButtonElement> {\n  removeLabel?: string;\n  label?: string;\n  onRemove?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst RemoveButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  { removeLabel = \"Remove\", label, onRemove, ...rest }: Props,\n  ref\n) => {\n  return (\n    onRemove && (\n      <button\n        title=\"\"\n        type=\"button\"\n        {...rest}\n        ref={ref}\n        className={`${classes[\"remove\"]} ${rest.className ?? \"\"}`}\n        onClick={onRemove}\n      >\n        <Icon icon={Icons.Times} className={classes[\"icon\"]} />\n        <span className={readyclasses[\"sr-only\"]}>\n          {removeLabel}\n          {label ? \" \" + label : \"\"}\n        </span>\n      </button>\n    )\n  );\n};\n\nexport const RemoveButton = forwardRef(RemoveButtonComponent);\n"],"names":[],"mappings":";;;;AA4BA,MAAM,wBAA4E,CAChF,EAAE,cAAc,UAAU,OAAO,UAAU,GAAG,KAAK,GACnD,QACG;AACH,SACE,YACE,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,MAAK;AAAA,MACJ,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,GAAG,QAAQ,QAAQ,CAAC,IAAI,KAAK,aAAa,EAAE;AAAA,MACvD,SAAS;AAAA,IAAA;AAAA,IAET,sBAAA,cAAC,QAAK,MAAM,MAAM,OAAO,WAAW,QAAQ,MAAM,GAAG;AAAA,IACrD,sBAAA,cAAC,QAAK,EAAA,WAAW,aAAa,SAAS,KACpC,aACA,QAAQ,MAAM,QAAQ,EACzB;AAAA,EACF;AAGN;AAEa,MAAA,eAAe,WAAW,qBAAqB;"}

package/dist/components/Tag/RemoveButton.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.RemoveButton_sr-only_7l1Pc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.RemoveButton_hidden_7l1Pc{display:none}.RemoveButton_slide-in_7l1Pc{animation:RemoveButton_slide-in_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.RemoveButton_slide-in_7l1Pc{animation-duration:.1ms}}.RemoveButton_slide-out_7l1Pc{animation:RemoveButton_slide-out_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.RemoveButton_slide-out_7l1Pc{animation-duration:.1ms}}@keyframes RemoveButton_slide-in_7l1Pc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes RemoveButton_slide-out_7l1Pc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.RemoveButton_remove_7l1Pc{width:1.25rem;height:1.25rem;background:none;border:none;padding:0;margin-right:-.375rem;cursor:pointer}.RemoveButton_remove_7l1Pc:hover{border-radius:.125rem;background-color:var(--color-black10)}.RemoveButton_remove_7l1Pc:active{background-color:var(--color-blue-grey400)}.RemoveButton_remove_7l1Pc:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.RemoveButton_remove_7l1Pc .RemoveButton_icon_7l1Pc{font-size:var(--font-size-small)}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="RemoveButton_remove_7l1Pc",o="RemoveButton_icon_7l1Pc",t={remove:e,icon:o};exports.default=t,exports.icon=o,exports.remove=e;
+//# sourceMappingURL=RemoveButton.module.scss.cjs.js.map

package/dist/components/Tag/RemoveButton.module.scss.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoveButton.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Tag/RemoveButton.module.scss.es.js

@@ -0,0 +1,13 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.RemoveButton_sr-only_7l1Pc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.RemoveButton_hidden_7l1Pc{display:none}.RemoveButton_slide-in_7l1Pc{animation:RemoveButton_slide-in_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.RemoveButton_slide-in_7l1Pc{animation-duration:.1ms}}.RemoveButton_slide-out_7l1Pc{animation:RemoveButton_slide-out_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.RemoveButton_slide-out_7l1Pc{animation-duration:.1ms}}@keyframes RemoveButton_slide-in_7l1Pc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes RemoveButton_slide-out_7l1Pc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.RemoveButton_remove_7l1Pc{width:1.25rem;height:1.25rem;background:none;border:none;padding:0;margin-right:-.375rem;cursor:pointer}.RemoveButton_remove_7l1Pc:hover{border-radius:.125rem;background-color:var(--color-black10)}.RemoveButton_remove_7l1Pc:active{background-color:var(--color-blue-grey400)}.RemoveButton_remove_7l1Pc:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.RemoveButton_remove_7l1Pc .RemoveButton_icon_7l1Pc{font-size:var(--font-size-small)}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+const remove = "RemoveButton_remove_7l1Pc";
+const icon = "RemoveButton_icon_7l1Pc";
+const classes = {
+  remove,
+  icon
+};
+export {
+  classes as default,
+  icon,
+  remove
+};
+//# sourceMappingURL=RemoveButton.module.scss.es.js.map

package/dist/components/Tag/RemoveButton.module.scss.es.js.map

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

package/dist/components/Tag/Tag.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Icon/Icon.cjs.js"),a=require("./Tag.module.scss.cjs.js"),o=require("../Typography/Typography.cjs.js"),t=require("./RemoveButton.cjs.js"),n=e.forwardRef((({children:n,variant:s,icon:c,backgroundColor:l,color:i,shape:d="rounded",removeButton:u={},...m},p)=>{const b=[a.default.tag];return"enabled"===s&&b.push(a.default["tag-enabled"]),"disabled"===s&&b.push(a.default["tag-disabled"]),"sharp"===d&&b.push(a.default.sharp),e.createElement("div",{...m,ref:p,className:`${b.join(" ")} ${m.className??""}`,style:{backgroundColor:l,color:i}},c?e.createElement(r.Icon,{size:"inherit",icon:c}):"enabled"===s?e.createElement(r.Icon,{size:"inherit",icon:r.Icons.CheckmarkCircleAlt}):"disabled"===s?e.createElement(r.Icon,{size:"inherit",icon:r.Icons.Forbidden}):void 0,e.createElement(o.Typography,{spacing:{marginBottom:0},variant:"body",className:a.default.label},n),e.createElement(t.RemoveButton,{...u,label:n}))}));exports.Tag=n;
+//# sourceMappingURL=Tag.cjs.js.map

package/dist/components/Tag/Tag.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.cjs.js","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, HTMLAttributes, forwardRef } from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Tag.module.scss\";\nimport { Typography } from \"../Typography/Typography\";\nimport { RemoveButton, Props as RemoveButtonProps } from \"./RemoveButton\";\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  variant?: \"enabled\" | \"disabled\";\n  icon?: Icons;\n  backgroundColor?: string;\n  color?: string;\n  children?: string;\n  shape?: \"rounded\" | \"sharp\";\n  removeButton?: RemoveButtonProps;\n}\n\nconst TagComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    variant,\n    icon,\n    backgroundColor,\n    color,\n    shape = \"rounded\",\n    removeButton = {},\n    ...rest\n  }: Props,\n  ref\n) => {\n  const determineIcon = () => {\n    if (icon) {\n      return <Icon size=\"inherit\" icon={icon} />;\n    }\n\n    if (variant === \"enabled\") {\n      return <Icon size=\"inherit\" icon={Icons.CheckmarkCircleAlt} />;\n    } else if (variant === \"disabled\") {\n      return <Icon size=\"inherit\" icon={Icons.Forbidden} />;\n    }\n  };\n\n  const tagClasses = [classes[\"tag\"]];\n  variant === \"enabled\" && tagClasses.push(classes[\"tag-enabled\"]);\n  variant === \"disabled\" && tagClasses.push(classes[\"tag-disabled\"]);\n  shape === \"sharp\" && tagClasses.push(classes[\"sharp\"]);\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${tagClasses.join(\" \")} ${rest.className ?? \"\"}`}\n      style={{ backgroundColor, color }}\n    >\n      {determineIcon()}\n      <Typography spacing={{ marginBottom: 0 }} variant=\"body\" className={classes[\"label\"]}>\n        {children}\n      </Typography>\n      <RemoveButton {...removeButton} label={children} />\n    </div>\n  );\n};\n\nexport const Tag = forwardRef(TagComponent);\n"],"names":["Tag","forwardRef","children","variant","icon","backgroundColor","color","shape","removeButton","rest","ref","tagClasses","classes","push","default","React","createElement","className","join","style","Icon","size","Icons","CheckmarkCircleAlt","Forbidden","Typography","spacing","marginBottom","RemoveButton","label"],"mappings":"gQA8EaA,EAAMC,cA9CmD,EAElEC,WACAC,UACAC,OACAC,kBACAC,QACAC,QAAQ,UACRC,eAAe,CAAC,KACbC,GAELC,KAEA,MAYMC,EAAa,CAACC,UAAa,KAM/B,MALU,YAAZT,GAAyBQ,EAAWE,KAAKD,EAAAE,QAAQ,gBACrC,aAAZX,GAA0BQ,EAAWE,KAAKD,EAAAE,QAAQ,iBACxC,UAAVP,GAAqBI,EAAWE,KAAKD,EAAAE,QAAe,OAGlDC,EAAAC,cAAC,MAAA,IACKP,EACJC,MACAO,UAAW,GAAGN,EAAWO,KAAK,QAAQT,EAAKQ,WAAa,KACxDE,MAAO,CAAEd,kBAAiBC,UArBxBF,EACMW,EAAAC,cAAAI,EAAAA,KAAA,CAAKC,KAAK,UAAUjB,SAGd,YAAZD,kBACMiB,EAAAA,KAAK,CAAAC,KAAK,UAAUjB,KAAMkB,QAAMC,qBACnB,aAAZpB,kBACDiB,EAAAA,KAAK,CAAAC,KAAK,UAAUjB,KAAMkB,QAAME,iBAFoB,IAmB3DR,cAAAS,EAAAA,WAAA,CAAWC,QAAS,CAAEC,aAAc,GAAKxB,QAAQ,OAAOc,UAAWL,EAAAA,QAAe,OAChFV,GAEFa,EAAAC,cAAAY,EAAAA,aAAA,IAAiBpB,EAAcqB,MAAO3B,IACzC"}

package/dist/components/Tag/Tag.es.js

@@ -0,0 +1,47 @@
+import React, { forwardRef } from "react";
+import { Icon, Icons } from "../Icon/Icon.es.js";
+import classes from "./Tag.module.scss.es.js";
+import { Typography } from "../Typography/Typography.es.js";
+import { RemoveButton } from "./RemoveButton.es.js";
+const TagComponent = ({
+  children,
+  variant,
+  icon,
+  backgroundColor,
+  color,
+  shape = "rounded",
+  removeButton = {},
+  ...rest
+}, ref) => {
+  const determineIcon = () => {
+    if (icon) {
+      return /* @__PURE__ */ React.createElement(Icon, { size: "inherit", icon });
+    }
+    if (variant === "enabled") {
+      return /* @__PURE__ */ React.createElement(Icon, { size: "inherit", icon: Icons.CheckmarkCircleAlt });
+    } else if (variant === "disabled") {
+      return /* @__PURE__ */ React.createElement(Icon, { size: "inherit", icon: Icons.Forbidden });
+    }
+  };
+  const tagClasses = [classes["tag"]];
+  variant === "enabled" && tagClasses.push(classes["tag-enabled"]);
+  variant === "disabled" && tagClasses.push(classes["tag-disabled"]);
+  shape === "sharp" && tagClasses.push(classes["sharp"]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ...rest,
+      ref,
+      className: `${tagClasses.join(" ")} ${rest.className ?? ""}`,
+      style: { backgroundColor, color }
+    },
+    determineIcon(),
+    /* @__PURE__ */ React.createElement(Typography, { spacing: { marginBottom: 0 }, variant: "body", className: classes["label"] }, children),
+    /* @__PURE__ */ React.createElement(RemoveButton, { ...removeButton, label: children })
+  );
+};
+const Tag = forwardRef(TagComponent);
+export {
+  Tag
+};
+//# sourceMappingURL=Tag.es.js.map

package/dist/components/Tag/Tag.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.es.js","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, HTMLAttributes, forwardRef } from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Tag.module.scss\";\nimport { Typography } from \"../Typography/Typography\";\nimport { RemoveButton, Props as RemoveButtonProps } from \"./RemoveButton\";\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  variant?: \"enabled\" | \"disabled\";\n  icon?: Icons;\n  backgroundColor?: string;\n  color?: string;\n  children?: string;\n  shape?: \"rounded\" | \"sharp\";\n  removeButton?: RemoveButtonProps;\n}\n\nconst TagComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    variant,\n    icon,\n    backgroundColor,\n    color,\n    shape = \"rounded\",\n    removeButton = {},\n    ...rest\n  }: Props,\n  ref\n) => {\n  const determineIcon = () => {\n    if (icon) {\n      return <Icon size=\"inherit\" icon={icon} />;\n    }\n\n    if (variant === \"enabled\") {\n      return <Icon size=\"inherit\" icon={Icons.CheckmarkCircleAlt} />;\n    } else if (variant === \"disabled\") {\n      return <Icon size=\"inherit\" icon={Icons.Forbidden} />;\n    }\n  };\n\n  const tagClasses = [classes[\"tag\"]];\n  variant === \"enabled\" && tagClasses.push(classes[\"tag-enabled\"]);\n  variant === \"disabled\" && tagClasses.push(classes[\"tag-disabled\"]);\n  shape === \"sharp\" && tagClasses.push(classes[\"sharp\"]);\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${tagClasses.join(\" \")} ${rest.className ?? \"\"}`}\n      style={{ backgroundColor, color }}\n    >\n      {determineIcon()}\n      <Typography spacing={{ marginBottom: 0 }} variant=\"body\" className={classes[\"label\"]}>\n        {children}\n      </Typography>\n      <RemoveButton {...removeButton} label={children} />\n    </div>\n  );\n};\n\nexport const Tag = forwardRef(TagComponent);\n"],"names":[],"mappings":";;;;;AAgCA,MAAM,eAAgE,CACpE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,eAAe,CAAC;AAAA,EAChB,GAAG;AACL,GACA,QACG;AACH,QAAM,gBAAgB,MAAM;AAC1B,QAAI,MAAM;AACR,aAAQ,sBAAA,cAAA,MAAA,EAAK,MAAK,WAAU,MAAY;AAAA,IAAA;AAG1C,QAAI,YAAY,WAAW;AACzB,iDAAQ,MAAK,EAAA,MAAK,WAAU,MAAM,MAAM,oBAAoB;AAAA,IAAA,WACnD,YAAY,YAAY;AACjC,iDAAQ,MAAK,EAAA,MAAK,WAAU,MAAM,MAAM,WAAW;AAAA,IAAA;AAAA,EAEvD;AAEA,QAAM,aAAa,CAAC,QAAQ,KAAK,CAAC;AAClC,cAAY,aAAa,WAAW,KAAK,QAAQ,aAAa,CAAC;AAC/D,cAAY,cAAc,WAAW,KAAK,QAAQ,cAAc,CAAC;AACjE,YAAU,WAAW,WAAW,KAAK,QAAQ,OAAO,CAAC;AAGnD,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,GAAG,WAAW,KAAK,GAAG,CAAC,IAAI,KAAK,aAAa,EAAE;AAAA,MAC1D,OAAO,EAAE,iBAAiB,MAAM;AAAA,IAAA;AAAA,IAE/B,cAAc;AAAA,IACd,sBAAA,cAAA,YAAA,EAAW,SAAS,EAAE,cAAc,EAAA,GAAK,SAAQ,QAAO,WAAW,QAAQ,OAAO,KAChF,QACH;AAAA,IACC,sBAAA,cAAA,cAAA,EAAc,GAAG,cAAc,OAAO,SAAU,CAAA;AAAA,EACnD;AAEJ;AAEa,MAAA,MAAM,WAAW,YAAY;"}

package/dist/components/Tag/Tag.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Tag_tag_7l1Pc{font-size:var(--font-size-sub);padding:.25rem .75rem;border:none;border-radius:3.125rem;display:inline-flex;align-items:center;gap:.25rem}.Tag_tag_7l1Pc.Tag_tag-enabled_7l1Pc{background-color:var(--color-green100)}.Tag_tag_7l1Pc.Tag_tag-disabled_7l1Pc{background-color:var(--color-blue-grey100)}.Tag_tag_7l1Pc.Tag_sharp_7l1Pc{border-radius:.125rem}.Tag_tag_7l1Pc .Tag_label_7l1Pc{line-height:2;font-size:inherit;color:inherit}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a="Tag_tag_7l1Pc",e="Tag_sharp_7l1Pc",l="Tag_label_7l1Pc",t={tag:a,"tag-enabled":"Tag_tag-enabled_7l1Pc","tag-disabled":"Tag_tag-disabled_7l1Pc",sharp:e,label:l};exports.default=t,exports.label=l,exports.sharp=e,exports.tag=a;
+//# sourceMappingURL=Tag.module.scss.cjs.js.map

package/dist/components/Tag/Tag.module.scss.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Tag/Tag.module.scss.es.js

@@ -0,0 +1,18 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Tag_tag_7l1Pc{font-size:var(--font-size-sub);padding:.25rem .75rem;border:none;border-radius:3.125rem;display:inline-flex;align-items:center;gap:.25rem}.Tag_tag_7l1Pc.Tag_tag-enabled_7l1Pc{background-color:var(--color-green100)}.Tag_tag_7l1Pc.Tag_tag-disabled_7l1Pc{background-color:var(--color-blue-grey100)}.Tag_tag_7l1Pc.Tag_sharp_7l1Pc{border-radius:.125rem}.Tag_tag_7l1Pc .Tag_label_7l1Pc{line-height:2;font-size:inherit;color:inherit}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const tag = "Tag_tag_7l1Pc";
+const sharp = "Tag_sharp_7l1Pc";
+const label = "Tag_label_7l1Pc";
+const classes = {
+  tag,
+  "tag-enabled": "Tag_tag-enabled_7l1Pc",
+  "tag-disabled": "Tag_tag-disabled_7l1Pc",
+  sharp,
+  label
+};
+export {
+  classes as default,
+  label,
+  sharp,
+  tag
+};
+//# sourceMappingURL=Tag.module.scss.es.js.map

package/dist/components/Tag/Tag.module.scss.es.js.map

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

package/dist/components/TextEllipsis/TextEllipsis.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../Popover/Popover.cjs.js"),s=require("./TextEllipsis.module.scss.cjs.js"),t=e.forwardRef((({children:t,popoverClassName:o,className:l,...a},i)=>{const[c,n]=e.useState(!1),u=e.useRef(null),d=()=>!!(u.current&&u.current.offsetWidth<u.current.scrollWidth);return e.createElement("div",{...a,onMouseEnter:()=>{d()&&n(!0)},onMouseLeave:()=>{d()&&n(!1)},className:`${s.default["text-ellipsis"]} ${l??""}`,ref:i??u},t,e.createElement(r.Popover,{"aria-hidden":!0,"data-hidden":!c,show:c,role:"tooltip",anchorEl:u,className:`${s.default.popover} ${o??""}`},t))}));exports.TextEllipsis=t;
+//# sourceMappingURL=TextEllipsis.cjs.js.map

package/dist/components/TextEllipsis/TextEllipsis.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEllipsis.cjs.js","sources":["../../../src/components/TextEllipsis/TextEllipsis.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  useRef,\n  MouseEventHandler,\n  useState,\n  ComponentPropsWithRef\n} from \"react\";\nimport { Popover } from \"../Popover/Popover\";\nimport classes from \"./TextEllipsis.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children?: string;\n  popoverClassName?: string;\n}\n\nconst TextEllipsisComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, popoverClassName, className, ...rest }: Props,\n  ref\n) => {\n  const [showPopover, setShowPopover] = useState(false);\n  const textContainer = useRef<HTMLDivElement>(null);\n\n  const ellipsisVisible = () => {\n    if (\n      textContainer.current &&\n      textContainer.current.offsetWidth < textContainer.current.scrollWidth\n    ) {\n      return true;\n    }\n    return false;\n  };\n\n  const onMouseEnter: MouseEventHandler<HTMLDivElement> = () => {\n    ellipsisVisible() && setShowPopover(true);\n  };\n\n  const onMouseLeave: MouseEventHandler<HTMLDivElement> = () => {\n    ellipsisVisible() && setShowPopover(false);\n  };\n\n  return (\n    <div\n      {...rest}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      className={`${classes[\"text-ellipsis\"]} ${className ?? \"\"}`}\n      ref={ref ?? textContainer}\n    >\n      {children}\n      <Popover\n        aria-hidden={true}\n        data-hidden={!showPopover}\n        show={showPopover}\n        role=\"tooltip\"\n        anchorEl={textContainer}\n        className={`${classes.popover} ${popoverClassName ?? \"\"}`}\n      >\n        {children}\n      </Popover>\n    </div>\n  );\n};\n\nexport const TextEllipsis = React.forwardRef(TextEllipsisComponent);\n"],"names":["TextEllipsis","React","forwardRef","children","popoverClassName","className","rest","ref","showPopover","setShowPopover","useState","textContainer","useRef","ellipsisVisible","current","offsetWidth","scrollWidth","createElement","onMouseEnter","onMouseLeave","classes","Popover","show","role","anchorEl","default","popover"],"mappings":"+LA+EaA,EAAeC,EAAMC,YAhD6C,EAC3EC,WAAUC,mBAAkBC,eAAcC,GAC5CC,KAEA,MAAOC,EAAaC,GAAkBC,EAAAA,UAAS,GACzCC,EAAgBC,SAAuB,MAEvCC,EAAkB,OAEpBF,EAAcG,SACdH,EAAcG,QAAQC,YAAcJ,EAAcG,QAAQE,aAgB5D,OAAAf,EAAAgB,cAAC,MAAA,IACKX,EACJY,aAXoD,KACtCL,KAAKJ,GAAe,EAAI,EAWtCU,aARoD,KACtCN,KAAKJ,GAAe,EAAK,EAQvCJ,UAAW,GAAGe,UAAQ,oBAAoBf,GAAa,KACvDE,IAAKA,GAAOI,GAEXR,EACDF,EAAAgB,cAACI,EAAAA,QAAA,CACC,eAAa,EACb,eAAcb,EACdc,KAAMd,EACNe,KAAK,UACLC,SAAUb,EACVN,UAAW,GAAGe,EAAAK,QAAQC,WAAWtB,GAAoB,MAEpDD,GAEL"}

package/dist/components/TextEllipsis/TextEllipsis.es.js

@@ -0,0 +1,47 @@
+import React, { useState, useRef } from "react";
+import { Popover } from "../Popover/Popover.es.js";
+import classes from "./TextEllipsis.module.scss.es.js";
+const TextEllipsisComponent = ({ children, popoverClassName, className, ...rest }, ref) => {
+  const [showPopover, setShowPopover] = useState(false);
+  const textContainer = useRef(null);
+  const ellipsisVisible = () => {
+    if (textContainer.current && textContainer.current.offsetWidth < textContainer.current.scrollWidth) {
+      return true;
+    }
+    return false;
+  };
+  const onMouseEnter = () => {
+    ellipsisVisible() && setShowPopover(true);
+  };
+  const onMouseLeave = () => {
+    ellipsisVisible() && setShowPopover(false);
+  };
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ...rest,
+      onMouseEnter,
+      onMouseLeave,
+      className: `${classes["text-ellipsis"]} ${className ?? ""}`,
+      ref: ref ?? textContainer
+    },
+    children,
+    /* @__PURE__ */ React.createElement(
+      Popover,
+      {
+        "aria-hidden": true,
+        "data-hidden": !showPopover,
+        show: showPopover,
+        role: "tooltip",
+        anchorEl: textContainer,
+        className: `${classes.popover} ${popoverClassName ?? ""}`
+      },
+      children
+    )
+  );
+};
+const TextEllipsis = React.forwardRef(TextEllipsisComponent);
+export {
+  TextEllipsis
+};
+//# sourceMappingURL=TextEllipsis.es.js.map

package/dist/components/TextEllipsis/TextEllipsis.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEllipsis.es.js","sources":["../../../src/components/TextEllipsis/TextEllipsis.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  useRef,\n  MouseEventHandler,\n  useState,\n  ComponentPropsWithRef\n} from \"react\";\nimport { Popover } from \"../Popover/Popover\";\nimport classes from \"./TextEllipsis.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children?: string;\n  popoverClassName?: string;\n}\n\nconst TextEllipsisComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, popoverClassName, className, ...rest }: Props,\n  ref\n) => {\n  const [showPopover, setShowPopover] = useState(false);\n  const textContainer = useRef<HTMLDivElement>(null);\n\n  const ellipsisVisible = () => {\n    if (\n      textContainer.current &&\n      textContainer.current.offsetWidth < textContainer.current.scrollWidth\n    ) {\n      return true;\n    }\n    return false;\n  };\n\n  const onMouseEnter: MouseEventHandler<HTMLDivElement> = () => {\n    ellipsisVisible() && setShowPopover(true);\n  };\n\n  const onMouseLeave: MouseEventHandler<HTMLDivElement> = () => {\n    ellipsisVisible() && setShowPopover(false);\n  };\n\n  return (\n    <div\n      {...rest}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      className={`${classes[\"text-ellipsis\"]} ${className ?? \"\"}`}\n      ref={ref ?? textContainer}\n    >\n      {children}\n      <Popover\n        aria-hidden={true}\n        data-hidden={!showPopover}\n        show={showPopover}\n        role=\"tooltip\"\n        anchorEl={textContainer}\n        className={`${classes.popover} ${popoverClassName ?? \"\"}`}\n      >\n        {children}\n      </Popover>\n    </div>\n  );\n};\n\nexport const TextEllipsis = React.forwardRef(TextEllipsisComponent);\n"],"names":[],"mappings":";;;AA+BA,MAAM,wBAAyE,CAC7E,EAAE,UAAU,kBAAkB,WAAW,GAAG,KAAK,GACjD,QACG;AACH,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAC9C,QAAA,gBAAgB,OAAuB,IAAI;AAEjD,QAAM,kBAAkB,MAAM;AAC5B,QACE,cAAc,WACd,cAAc,QAAQ,cAAc,cAAc,QAAQ,aAC1D;AACO,aAAA;AAAA,IAAA;AAEF,WAAA;AAAA,EACT;AAEA,QAAM,eAAkD,MAAM;AAC5C,oBAAA,KAAK,eAAe,IAAI;AAAA,EAC1C;AAEA,QAAM,eAAkD,MAAM;AAC5C,oBAAA,KAAK,eAAe,KAAK;AAAA,EAC3C;AAGE,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,WAAW,GAAG,QAAQ,eAAe,CAAC,IAAI,aAAa,EAAE;AAAA,MACzD,KAAK,OAAO;AAAA,IAAA;AAAA,IAEX;AAAA,IACD,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAa;AAAA,QACb,eAAa,CAAC;AAAA,QACd,MAAM;AAAA,QACN,MAAK;AAAA,QACL,UAAU;AAAA,QACV,WAAW,GAAG,QAAQ,OAAO,IAAI,oBAAoB,EAAE;AAAA,MAAA;AAAA,MAEtD;AAAA,IAAA;AAAA,EAEL;AAEJ;AAEa,MAAA,eAAe,MAAM,WAAW,qBAAqB;"}

package/dist/components/TextEllipsis/TextEllipsis.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.TextEllipsis_text-ellipsis_7l1Pc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TextEllipsis_popover_7l1Pc{max-width:min(75ch,90%);padding:.6875rem .6875rem .6875rem .875rem;border-radius:.25rem;box-shadow:0 .1875rem .375rem #0000004a;white-space:pre-wrap;word-wrap:break-word;transition-property:opacity;transform:scale(1);z-index:1}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="TextEllipsis_popover_7l1Pc",t={"text-ellipsis":"TextEllipsis_text-ellipsis_7l1Pc",popover:e};exports.default=t,exports.popover=e;
+//# sourceMappingURL=TextEllipsis.module.scss.cjs.js.map

package/dist/components/TextEllipsis/TextEllipsis.module.scss.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEllipsis.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/TextEllipsis/TextEllipsis.module.scss.es.js

@@ -0,0 +1,11 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.TextEllipsis_text-ellipsis_7l1Pc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TextEllipsis_popover_7l1Pc{max-width:min(75ch,90%);padding:.6875rem .6875rem .6875rem .875rem;border-radius:.25rem;box-shadow:0 .1875rem .375rem #0000004a;white-space:pre-wrap;word-wrap:break-word;transition-property:opacity;transform:scale(1);z-index:1}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+const popover = "TextEllipsis_popover_7l1Pc";
+const classes = {
+  "text-ellipsis": "TextEllipsis_text-ellipsis_7l1Pc",
+  popover
+};
+export {
+  classes as default,
+  popover
+};
+//# sourceMappingURL=TextEllipsis.module.scss.es.js.map

package/dist/components/TextEllipsis/TextEllipsis.module.scss.es.js.map

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

package/dist/components/Tiles/Tile.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../Icon/Icon.cjs.js"),a=require("./Tile.module.scss.cjs.js"),l=require("../../readyclasses.module.scss.cjs.js"),s=require("../../util/helper.cjs.js"),r=e.forwardRef((({title:r,imageProps:c,enabled:n,className:o,loading:i,tileAction:d,...u},m)=>{const[f]=e.useState(s.generateID(20));if(!r)throw new Error("Please make sure to pass a title prop to your Tile component.");return e.createElement("article",{...u,tabIndex:0,"aria-labelledby":f,ref:m,className:`${a.default.tile} ${i?a.default.loading:""}`},e.createElement("header",{style:{justifyContent:void 0===n?"flex-end":"space-between"}},!0===n&&e.createElement(t.Icon,{color:"var(--success)",icon:t.Icons.Checkmark,className:`${a.default.icon} ${o??""}`}),!1===n&&e.createElement(t.Icon,{color:"var(--greyed-out)",icon:t.Icons.Forbidden,className:`${a.default.icon} ${o??""}`}),void 0!==n&&e.createElement("span",{id:f,className:l.default["sr-only"]},`${r}. ${n?"Status: enabled":"Status: disabled"}`),d??null),e.createElement("div",{className:a.default.content},c&&c.src.length>0&&e.createElement("figure",{className:a.default.image},!i&&e.createElement("img",{...c,alt:""})),(!c||0===c.src.length)&&e.createElement(t.Icon,{className:a.default.placeholder,icon:t.Icons.Image}),e.createElement("span",{className:a.default.title},r)))}));exports.Tile=r;
+//# sourceMappingURL=Tile.cjs.js.map

package/dist/components/Tiles/Tile.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tile.cjs.js","sources":["../../../src/components/Tiles/Tile.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ComponentPropsWithoutRef,\n  ComponentPropsWithRef,\n  ForwardRefRenderFunction,\n  ReactElement,\n  useState\n} from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Tile.module.scss\";\nimport readyClasses from \"../../readyclasses.module.scss\";\n\nimport { Props as ContextMenuProps } from \"../ContextMenu/ContextMenu\";\nimport { generateID } from \"../../util/helper\";\nimport { Props as IconButtonProps } from \"../Button/IconButton\";\n\ninterface ImageProps extends ComponentPropsWithoutRef<\"img\"> {\n  src: string;\n}\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  title: string;\n  imageProps?: ImageProps;\n  enabled?: boolean;\n  loading?: boolean;\n  tileAction?: ReactElement<ContextMenuProps> | ReactElement<IconButtonProps>;\n}\n\nconst TileComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { title, imageProps, enabled, className, loading, tileAction, ...rest }: Props,\n  ref\n) => {\n  const [tileDescriptionID] = useState(generateID(20));\n\n  if (!title) {\n    throw new Error(\"Please make sure to pass a title prop to your Tile component.\");\n  }\n\n  const statusMessage = () => {\n    if (enabled) {\n      return \"Status: enabled\";\n    }\n\n    return \"Status: disabled\";\n  };\n\n  return (\n    <article\n      {...rest}\n      tabIndex={0}\n      aria-labelledby={tileDescriptionID}\n      ref={ref}\n      className={`${classes[\"tile\"]} ${loading ? classes[\"loading\"] : \"\"}`}\n    >\n      <header style={{ justifyContent: enabled === undefined ? \"flex-end\" : \"space-between\" }}>\n        {enabled === true && (\n          <Icon\n            color=\"var(--success)\"\n            icon={Icons.Checkmark}\n            className={`${classes[\"icon\"]} ${className ?? \"\"}`}\n          />\n        )}\n        {enabled === false && (\n          <Icon\n            color=\"var(--greyed-out)\"\n            icon={Icons.Forbidden}\n            className={`${classes[\"icon\"]} ${className ?? \"\"}`}\n          />\n        )}\n        {enabled !== undefined && (\n          <span id={tileDescriptionID} className={readyClasses[\"sr-only\"]}>\n            {`${title}. ${statusMessage()}`}\n          </span>\n        )}\n        {tileAction ?? null}\n      </header>\n      <div className={classes[\"content\"]}>\n        {imageProps && imageProps.src.length > 0 && (\n          <figure className={classes[\"image\"]}>{!loading && <img {...imageProps} alt=\"\" />}</figure>\n        )}\n        {(!imageProps || imageProps.src.length === 0) && (\n          <Icon className={classes[\"placeholder\"]} icon={Icons.Image} />\n        )}\n        <span className={classes[\"title\"]}>{title}</span>\n      </div>\n    </article>\n  );\n};\n\nexport const Tile = React.forwardRef(TileComponent);\n"],"names":["Tile","React","forwardRef","title","imageProps","enabled","className","loading","tileAction","rest","ref","tileDescriptionID","useState","generateID","Error","createElement","tabIndex","classes","default","style","justifyContent","Icon","color","icon","Icons","Checkmark","Forbidden","id","readyClasses","src","length","alt","Image"],"mappings":"0QAwGaA,EAAOC,EAAMC,YA7D6C,EACnEC,QAAOC,aAAYC,UAASC,YAAWC,UAASC,gBAAeC,GACjEC,KAEM,MAACC,GAAqBC,EAASA,SAAAC,EAAAA,WAAW,KAEhD,IAAKV,EACG,MAAA,IAAIW,MAAM,iEAYhB,OAAAb,EAAAc,cAAC,UAAA,IACKN,EACJO,SAAU,EACV,kBAAiBL,EACjBD,MACAJ,UAAW,GAAGW,EAAAC,QAAc,QAAKX,EAAUU,EAAAC,QAAiB,QAAI,MAEhEjB,EAAAc,cAAC,SAAO,CAAAI,MAAO,CAAEC,oBAA4B,IAAZf,EAAwB,WAAa,mBACvD,IAAZA,GACCJ,EAAAc,cAACM,EAAAA,KAAA,CACCC,MAAM,iBACNC,KAAMC,EAAMA,MAAAC,UACZnB,UAAW,GAAGW,UAAc,QAAKX,GAAa,QAGrC,IAAZD,GACCJ,EAAAc,cAACM,EAAAA,KAAA,CACCC,MAAM,oBACNC,KAAMC,EAAMA,MAAAE,UACZpB,UAAW,GAAGW,UAAc,QAAKX,GAAa,YAGrC,IAAZD,mBACE,OAAK,CAAAsB,GAAIhB,EAAmBL,UAAWsB,EAAAA,QAAa,YAClD,GAAGzB,MAhCRE,EACK,kBAGF,sBA+BFG,GAAc,MAEjBP,EAAAc,cAAC,OAAIT,UAAWW,EAAAA,QAAiB,SAC9Bb,GAAcA,EAAWyB,IAAIC,OAAS,mBACpC,SAAO,CAAAxB,UAAWW,EAAQC,QAAO,QAAKX,KAAYQ,cAAA,MAAA,IAAQX,EAAY2B,IAAI,QAE1E3B,GAAwC,IAA1BA,EAAWyB,IAAIC,SAC9B7B,EAAAc,cAACM,OAAK,CAAAf,UAAWW,EAAQC,QAAa,YAAGK,KAAMC,EAAAA,MAAMQ,UAEtDjB,cAAA,OAAA,CAAKT,UAAWW,EAAAA,QAAe,OAAId,IAExC"}