@onewelcome/react-lib-components 12.0.0 → 12.0.1

package/dist/components/Stepper/Step.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.es.js","sources":["../../../src/components/Stepper/Step.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, { CSSProperties, ComponentPropsWithRef, ForwardRefRenderFunction } from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Step.module.scss\";\n\nexport type StepStatus = \"waiting\" | \"current\" | \"done\" | \"error\";\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"div\">, \"onClick\"> {\n  status: StepStatus;\n  label: string;\n  caption?: string;\n  index?: number;\n  lastStep?: boolean;\n  disabled?: boolean;\n  direction?: \"horizontal\" | \"vertical\";\n  textPosition?: \"bottom\" | \"right\";\n  onClick?: (event: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;\n}\n\nconst gapBetweenStepsInRem = 0.5;\n\nconst getStepContent = (index: number, status: StepStatus) => {\n  switch (status) {\n    case \"waiting\":\n      return String(index + 1);\n    case \"current\":\n      return String(index + 1);\n    case \"done\":\n      return <Icon icon={Icons.Checkmark} />;\n    case \"error\":\n      return \"!\";\n  }\n};\n\nconst getStepMaxWidth = (isHorizontal: boolean, lastStep: boolean, index: number) => {\n  if (isHorizontal && lastStep) {\n    const percentage = 100 / (index + 1);\n    const gapSize = index * gapBetweenStepsInRem;\n    return `calc(${percentage}% - ${gapSize}rem)`;\n  }\n};\n\nexport const StepComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    label,\n    caption,\n    status,\n    index,\n    direction,\n    disabled,\n    lastStep,\n    onClick,\n    textPosition,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const stepIndex = index ?? 0;\n  const additionalClasses = [classes[status]];\n  const additionalStyles: CSSProperties = {};\n  const isHorizontal = direction === \"horizontal\";\n  const isTextBottom = textPosition === \"bottom\";\n  const hasCaption = !!caption;\n\n  additionalClasses.push(isHorizontal ? classes[\"horizontal\"] : classes[\"vertical\"]);\n  disabled && additionalClasses.push(classes[\"disabled\"]);\n  isTextBottom && additionalClasses.push(classes[\"text-bottom\"]);\n  lastStep && additionalClasses.push(classes[\"last-step\"]);\n  hasCaption && additionalClasses.push(classes[\"has-caption\"]);\n\n  additionalStyles[\"maxWidth\"] = getStepMaxWidth(isHorizontal, !!lastStep, index!);\n\n  return (\n    <div\n      style={additionalStyles}\n      className={`${classes[\"step-wrapper\"]} ${additionalClasses.join(\" \")}`}\n      {...rest}\n    >\n      <div aria-hidden className={classes[\"step\"]} onClick={onClick}>\n        {getStepContent(stepIndex, status)}\n      </div>\n      <button\n        aria-current={status === \"current\" ? \"step\" : undefined}\n        className={classes[\"label\"]}\n        disabled={disabled}\n        onClick={onClick}\n      >\n        <span className={classes[\"label-inner-wrapper\"]}>\n          {label}{\" \"}\n          {!lastStep && isHorizontal && !isTextBottom && (\n            <div className={`${classes[\"stepper-line\"]} ${classes[\"stepper-line-extender\"]}`}></div>\n          )}\n        </span>\n        <span className={classes[\"caption\"]}>{caption}</span>\n      </button>\n      {!lastStep && <div className={classes[\"stepper-line\"]}></div>}\n    </div>\n  );\n};\n\nexport const Step = React.forwardRef(StepComponent);\n"],"names":[],"mappings":";;;AAkCA,MAAM,uBAAuB;AAE7B,MAAM,iBAAiB,CAAC,OAAe,WAAuB;AAC5D,UAAQ,QAAQ;AAAA,IACd,KAAK;AACI,aAAA,OAAO,QAAQ,CAAC;AAAA,IACzB,KAAK;AACI,aAAA,OAAO,QAAQ,CAAC;AAAA,IACzB,KAAK;AACH,aAAQ,sBAAA,cAAA,MAAA,EAAK,MAAM,MAAM,WAAW;AAAA,IACtC,KAAK;AACI,aAAA;AAAA,EAAA;AAEb;AAEA,MAAM,kBAAkB,CAAC,cAAuB,UAAmB,UAAkB;AACnF,MAAI,gBAAgB,UAAU;AACtB,UAAA,aAAa,OAAO,QAAQ;AAClC,UAAM,UAAU,QAAQ;AACjB,WAAA,QAAQ,UAAU,OAAO,OAAO;AAAA,EAAA;AAE3C;AAEO,MAAM,gBAAiE,CAC5E;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACG;AACH,QAAM,YAAY,SAAS;AAC3B,QAAM,oBAAoB,CAAC,QAAQ,MAAM,CAAC;AAC1C,QAAM,mBAAkC,CAAC;AACzC,QAAM,eAAe,cAAc;AACnC,QAAM,eAAe,iBAAiB;AAChC,QAAA,aAAa,CAAC,CAAC;AAErB,oBAAkB,KAAK,eAAe,QAAQ,YAAY,IAAI,QAAQ,UAAU,CAAC;AACjF,cAAY,kBAAkB,KAAK,QAAQ,UAAU,CAAC;AACtD,kBAAgB,kBAAkB,KAAK,QAAQ,aAAa,CAAC;AAC7D,cAAY,kBAAkB,KAAK,QAAQ,WAAW,CAAC;AACvD,gBAAc,kBAAkB,KAAK,QAAQ,aAAa,CAAC;AAE3D,mBAAiB,UAAU,IAAI,gBAAgB,cAAc,CAAC,CAAC,UAAU,KAAM;AAG7E,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAW,GAAG,QAAQ,cAAc,CAAC,IAAI,kBAAkB,KAAK,GAAG,CAAC;AAAA,MACnE,GAAG;AAAA,IAAA;AAAA,IAEH,sBAAA,cAAA,OAAA,EAAI,eAAW,MAAC,WAAW,QAAQ,MAAM,GAAG,QAC1C,GAAA,eAAe,WAAW,MAAM,CACnC;AAAA,IACA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,gBAAc,WAAW,YAAY,SAAS;AAAA,QAC9C,WAAW,QAAQ,OAAO;AAAA,QAC1B;AAAA,QACA;AAAA,MAAA;AAAA,MAEA,sBAAA,cAAC,QAAK,EAAA,WAAW,QAAQ,qBAAqB,KAC3C,OAAO,KACP,CAAC,YAAY,gBAAgB,CAAC,gBAC5B,sBAAA,cAAA,OAAA,EAAI,WAAW,GAAG,QAAQ,cAAc,CAAC,IAAI,QAAQ,uBAAuB,CAAC,GAAI,CAAA,CAEtF;AAAA,0CACC,QAAK,EAAA,WAAW,QAAQ,SAAS,KAAI,OAAQ;AAAA,IAChD;AAAA,IACC,CAAC,YAAY,sBAAA,cAAC,SAAI,WAAW,QAAQ,cAAc,EAAG,CAAA;AAAA,EACzD;AAEJ;AAEa,MAAA,OAAO,MAAM,WAAW,aAAa;"}

package/dist/components/Stepper/Step.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('.Step_sr-only_gFXfX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Step_hidden_gFXfX{display:none}.Step_slide-in_gFXfX{animation:Step_slide-in_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Step_slide-in_gFXfX{animation-duration:.1ms}}.Step_slide-out_gFXfX{animation:Step_slide-out_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Step_slide-out_gFXfX{animation-duration:.1ms}}@keyframes Step_slide-in_gFXfX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Step_slide-out_gFXfX{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 */.Step_step-wrapper_gFXfX{pointer-events:none;display:grid;gap:.5rem;grid-template-columns:1.875rem 1fr;grid-template-rows:auto 1fr;background-color:transparent;border:0;padding:0;margin:0}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX{grid-template-columns:1.875rem auto 1fr;grid-template-rows:auto 1fr;align-items:start;width:100%}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX .Step_stepper-line_gFXfX{background-color:var(--stepper-line-color);min-height:auto;height:2px;width:100%;min-width:1rem;border-radius:2px;margin-top:.8125rem}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX .Step_label_gFXfX{margin-top:.25rem}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX.Step_text-bottom_gFXfX{grid-template-columns:5rem 1fr;gap:0}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX.Step_text-bottom_gFXfX .Step_step_gFXfX{justify-self:center}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX.Step_text-bottom_gFXfX .Step_label_gFXfX{justify-self:center;text-align:center;grid-column-start:1;grid-column-end:1;grid-row-start:2;grid-row-end:2}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX.Step_text-bottom_gFXfX .Step_stepper-line_gFXfX{margin-right:-1.125rem;margin-left:-1.125rem;width:calc(100% + 2.25rem)}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX.Step_text-bottom_gFXfX .Step_label-inner-wrapper_gFXfX{display:inline}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX.Step_text-bottom_gFXfX.Step_last-step_gFXfX{justify-content:center;grid-template-columns:5rem;grid-template-rows:auto 1fr;flex:1 0 5rem;display:grid}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX.Step_text-bottom_gFXfX.Step_last-step_gFXfX .Step_label_gFXfX{width:auto}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX.Step_last-step_gFXfX{display:flex;width:-webkit-max-content;width:max-content}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX.Step_last-step_gFXfX .Step_label_gFXfX{width:-webkit-max-content;width:max-content}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX .Step_label-inner-wrapper_gFXfX{display:flex}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX .Step_stepper-line-extender_gFXfX{display:block;flex:1;margin-left:.4375rem;margin-right:-1rem;margin-top:.5625rem}.Step_step-wrapper_gFXfX .Step_stepper-line_gFXfX{pointer-events:none;justify-self:center;background-color:var(--stepper-line-color);min-height:.375rem;height:100%;width:2px;border-radius:2px}.Step_step-wrapper_gFXfX.Step_vertical_gFXfX.Step_has-caption_gFXfX .Step_stepper-line_gFXfX{min-height:1.375rem}.Step_step-wrapper_gFXfX.Step_waiting_gFXfX .Step_step_gFXfX{color:var(--stepper-default-text-color);color:var(--stepper-waiting-color)}.Step_step-wrapper_gFXfX.Step_waiting_gFXfX:hover .Step_step_gFXfX{border:2px solid var(--stepper-waiting-hover-color);color:var(--stepper-waiting-hover-color)}.Step_step-wrapper_gFXfX.Step_waiting_gFXfX:active .Step_step_gFXfX{border:2px solid var(--stepper-waiting-active-color);color:var(--stepper-waiting-active-color)}.Step_step-wrapper_gFXfX.Step_waiting_gFXfX.Step_disabled_gFXfX{cursor:not-allowed}.Step_step-wrapper_gFXfX.Step_waiting_gFXfX.Step_disabled_gFXfX .Step_step_gFXfX{cursor:not-allowed;border:2px solid var(--stepper-waiting-disabled-color);color:var(--stepper-waiting-disabled-color)}.Step_step-wrapper_gFXfX.Step_waiting_gFXfX.Step_disabled_gFXfX .Step_label_gFXfX{cursor:not-allowed;color:var(--stepper-label-disabled-color)}.Step_step-wrapper_gFXfX.Step_waiting_gFXfX.Step_disabled_gFXfX .Step_label_gFXfX .Step_caption_gFXfX{color:var(--stepper-caption-disabled-color)}.Step_step-wrapper_gFXfX.Step_waiting_gFXfX.Step_disabled_gFXfX .Step_stepper-line_gFXfX{background-color:var(--stepper-line-disabled-color)}.Step_step-wrapper_gFXfX.Step_current_gFXfX .Step_step_gFXfX{color:var(--stepper-default-text-color);background-color:var(--stepper-current-color);border-color:var(--stepper-current-color)}.Step_step-wrapper_gFXfX.Step_current_gFXfX:hover .Step_step_gFXfX{border-color:var(--stepper-current-hover-color);background-color:var(--stepper-current-hover-color)}.Step_step-wrapper_gFXfX.Step_current_gFXfX:active .Step_step_gFXfX{border-color:var(--stepper-current-active-color);background-color:var(--stepper-current-active-color)}.Step_step-wrapper_gFXfX.Step_current_gFXfX.Step_disabled_gFXfX{cursor:not-allowed}.Step_step-wrapper_gFXfX.Step_current_gFXfX.Step_disabled_gFXfX .Step_step_gFXfX{cursor:not-allowed;border-color:var(--stepper-current-disabled-color);background-color:var(--stepper-current-disabled-color)}.Step_step-wrapper_gFXfX.Step_current_gFXfX.Step_disabled_gFXfX .Step_label_gFXfX{cursor:not-allowed;color:var(--stepper-label-disabled-color)}.Step_step-wrapper_gFXfX.Step_current_gFXfX.Step_disabled_gFXfX .Step_label_gFXfX .Step_caption_gFXfX{color:var(--stepper-caption-disabled-color)}.Step_step-wrapper_gFXfX.Step_current_gFXfX.Step_disabled_gFXfX .Step_stepper-line_gFXfX{background-color:var(--stepper-line-disabled-color)}.Step_step-wrapper_gFXfX.Step_current_gFXfX .Step_label_gFXfX{font-weight:700}.Step_step-wrapper_gFXfX.Step_current_gFXfX .Step_label_gFXfX .Step_caption_gFXfX{font-weight:400}.Step_step-wrapper_gFXfX.Step_done_gFXfX .Step_step_gFXfX{color:var(--stepper-default-text-color);background-color:var(--stepper-done-color);border-color:var(--stepper-done-color)}.Step_step-wrapper_gFXfX.Step_done_gFXfX .Step_stepper-line_gFXfX{background-color:var(--stepper-line-bold-color)}.Step_step-wrapper_gFXfX.Step_done_gFXfX:hover .Step_step_gFXfX{border-color:var(--stepper-done-hover-color);background-color:var(--stepper-done-hover-color)}.Step_step-wrapper_gFXfX.Step_done_gFXfX:active .Step_step_gFXfX{border-color:var(--stepper-done-active-color);background-color:var(--stepper-done-active-color)}.Step_step-wrapper_gFXfX.Step_done_gFXfX.Step_disabled_gFXfX{cursor:not-allowed}.Step_step-wrapper_gFXfX.Step_done_gFXfX.Step_disabled_gFXfX .Step_step_gFXfX{cursor:not-allowed;border-color:var(--stepper-done-disabled-color);background-color:var(--stepper-done-disabled-color)}.Step_step-wrapper_gFXfX.Step_done_gFXfX.Step_disabled_gFXfX .Step_label_gFXfX{cursor:not-allowed;color:var(--stepper-label-disabled-color)}.Step_step-wrapper_gFXfX.Step_done_gFXfX.Step_disabled_gFXfX .Step_label_gFXfX .Step_caption_gFXfX{color:var(--stepper-caption-disabled-color)}.Step_step-wrapper_gFXfX.Step_done_gFXfX.Step_disabled_gFXfX .Step_stepper-line_gFXfX{background-color:var(--stepper-line-bold-disabled-color)}.Step_step-wrapper_gFXfX.Step_error_gFXfX .Step_step_gFXfX{color:var(--stepper-default-text-color);background-color:var(--stepper-error-color);border-color:var(--stepper-error-color)}.Step_step-wrapper_gFXfX.Step_error_gFXfX:hover .Step_step_gFXfX{border-color:var(--stepper-error-hover-color);background-color:var(--stepper-error-hover-color)}.Step_step-wrapper_gFXfX.Step_error_gFXfX:active .Step_step_gFXfX{border-color:var(--stepper-error-active-color);background-color:var(--stepper-error-active-color)}.Step_step-wrapper_gFXfX.Step_error_gFXfX.Step_disabled_gFXfX{cursor:not-allowed}.Step_step-wrapper_gFXfX.Step_error_gFXfX.Step_disabled_gFXfX .Step_step_gFXfX{cursor:not-allowed;border-color:var(--stepper-error-disabled-color);background-color:var(--stepper-error-disabled-color)}.Step_step-wrapper_gFXfX.Step_error_gFXfX.Step_disabled_gFXfX .Step_label_gFXfX{cursor:not-allowed;color:var(--stepper-label-disabled-color)}.Step_step-wrapper_gFXfX.Step_error_gFXfX.Step_disabled_gFXfX .Step_label_gFXfX .Step_caption_gFXfX{color:var(--stepper-caption-error-disabled-color)}.Step_step-wrapper_gFXfX.Step_error_gFXfX.Step_disabled_gFXfX .Step_stepper-line_gFXfX{background-color:var(--stepper-line-disabled-color)}.Step_step-wrapper_gFXfX.Step_error_gFXfX .Step_label_gFXfX .Step_caption_gFXfX{color:var(--stepper-caption-error-color)}.Step_step_gFXfX{pointer-events:visible;cursor:pointer;flex-shrink:0;box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;border:2px solid var(--stepper-waiting-color);border-radius:50%;font-size:var(--font-size-form-label);font-family:var(--font-family);font-weight:700}.Step_label_gFXfX{pointer-events:visible;cursor:pointer;grid-column-start:2;grid-column-end:2;grid-row-start:1;grid-row-end:span 2;align-self:start;margin:.25rem 0 0;padding:0;background-color:initial;border:none;text-align:left;color:var(--stepper-label-color);font-family:var(--font-family);font-size:var(--font-size-form-label);line-height:1.25rem}.Step_label_gFXfX:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:"1px";border-radius:var(--focus-border-radius)}.Step_caption_gFXfX{display:block;color:var(--stepper-caption-color);font-family:var(--font-family);font-size:.75rem;line-height:1rem}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="Step_hidden_gFXfX",t="Step_horizontal_gFXfX",p="Step_label_gFXfX",r="Step_step_gFXfX",o="Step_vertical_gFXfX",_="Step_waiting_gFXfX",s="Step_disabled_gFXfX",X="Step_caption_gFXfX",i="Step_current_gFXfX",l="Step_done_gFXfX",n="Step_error_gFXfX",a={"sr-only":"Step_sr-only_gFXfX",hidden:e,"slide-in":"Step_slide-in_gFXfX","slide-out":"Step_slide-out_gFXfX","step-wrapper":"Step_step-wrapper_gFXfX",horizontal:t,"stepper-line":"Step_stepper-line_gFXfX",label:p,"text-bottom":"Step_text-bottom_gFXfX",step:r,"label-inner-wrapper":"Step_label-inner-wrapper_gFXfX","last-step":"Step_last-step_gFXfX","stepper-line-extender":"Step_stepper-line-extender_gFXfX",vertical:o,"has-caption":"Step_has-caption_gFXfX",waiting:_,disabled:s,caption:X,current:i,done:l,error:n};exports.caption=X,exports.current=i,exports.default=a,exports.disabled=s,exports.done=l,exports.error=n,exports.hidden=e,exports.horizontal=t,exports.label=p,exports.step=r,exports.vertical=o,exports.waiting=_;
+//# sourceMappingURL=Step.module.scss.cjs.js.map

package/dist/components/Stepper/Step.module.scss.cjs.js.map

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

package/dist/components/Stepper/Step.module.scss.es.js

@@ -0,0 +1,50 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Step_sr-only_gFXfX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Step_hidden_gFXfX{display:none}.Step_slide-in_gFXfX{animation:Step_slide-in_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Step_slide-in_gFXfX{animation-duration:.1ms}}.Step_slide-out_gFXfX{animation:Step_slide-out_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.Step_slide-out_gFXfX{animation-duration:.1ms}}@keyframes Step_slide-in_gFXfX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Step_slide-out_gFXfX{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 */.Step_step-wrapper_gFXfX{pointer-events:none;display:grid;gap:.5rem;grid-template-columns:1.875rem 1fr;grid-template-rows:auto 1fr;background-color:transparent;border:0;padding:0;margin:0}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX{grid-template-columns:1.875rem auto 1fr;grid-template-rows:auto 1fr;align-items:start;width:100%}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX .Step_stepper-line_gFXfX{background-color:var(--stepper-line-color);min-height:auto;height:2px;width:100%;min-width:1rem;border-radius:2px;margin-top:.8125rem}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX .Step_label_gFXfX{margin-top:.25rem}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX.Step_text-bottom_gFXfX{grid-template-columns:5rem 1fr;gap:0}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX.Step_text-bottom_gFXfX .Step_step_gFXfX{justify-self:center}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX.Step_text-bottom_gFXfX .Step_label_gFXfX{justify-self:center;text-align:center;grid-column-start:1;grid-column-end:1;grid-row-start:2;grid-row-end:2}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX.Step_text-bottom_gFXfX .Step_stepper-line_gFXfX{margin-right:-1.125rem;margin-left:-1.125rem;width:calc(100% + 2.25rem)}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX.Step_text-bottom_gFXfX .Step_label-inner-wrapper_gFXfX{display:inline}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX.Step_text-bottom_gFXfX.Step_last-step_gFXfX{justify-content:center;grid-template-columns:5rem;grid-template-rows:auto 1fr;flex:1 0 5rem;display:grid}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX.Step_text-bottom_gFXfX.Step_last-step_gFXfX .Step_label_gFXfX{width:auto}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX.Step_last-step_gFXfX{display:flex;width:-webkit-max-content;width:max-content}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX.Step_last-step_gFXfX .Step_label_gFXfX{width:-webkit-max-content;width:max-content}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX .Step_label-inner-wrapper_gFXfX{display:flex}.Step_step-wrapper_gFXfX.Step_horizontal_gFXfX .Step_stepper-line-extender_gFXfX{display:block;flex:1;margin-left:.4375rem;margin-right:-1rem;margin-top:.5625rem}.Step_step-wrapper_gFXfX .Step_stepper-line_gFXfX{pointer-events:none;justify-self:center;background-color:var(--stepper-line-color);min-height:.375rem;height:100%;width:2px;border-radius:2px}.Step_step-wrapper_gFXfX.Step_vertical_gFXfX.Step_has-caption_gFXfX .Step_stepper-line_gFXfX{min-height:1.375rem}.Step_step-wrapper_gFXfX.Step_waiting_gFXfX .Step_step_gFXfX{color:var(--stepper-default-text-color);color:var(--stepper-waiting-color)}.Step_step-wrapper_gFXfX.Step_waiting_gFXfX:hover .Step_step_gFXfX{border:2px solid var(--stepper-waiting-hover-color);color:var(--stepper-waiting-hover-color)}.Step_step-wrapper_gFXfX.Step_waiting_gFXfX:active .Step_step_gFXfX{border:2px solid var(--stepper-waiting-active-color);color:var(--stepper-waiting-active-color)}.Step_step-wrapper_gFXfX.Step_waiting_gFXfX.Step_disabled_gFXfX{cursor:not-allowed}.Step_step-wrapper_gFXfX.Step_waiting_gFXfX.Step_disabled_gFXfX .Step_step_gFXfX{cursor:not-allowed;border:2px solid var(--stepper-waiting-disabled-color);color:var(--stepper-waiting-disabled-color)}.Step_step-wrapper_gFXfX.Step_waiting_gFXfX.Step_disabled_gFXfX .Step_label_gFXfX{cursor:not-allowed;color:var(--stepper-label-disabled-color)}.Step_step-wrapper_gFXfX.Step_waiting_gFXfX.Step_disabled_gFXfX .Step_label_gFXfX .Step_caption_gFXfX{color:var(--stepper-caption-disabled-color)}.Step_step-wrapper_gFXfX.Step_waiting_gFXfX.Step_disabled_gFXfX .Step_stepper-line_gFXfX{background-color:var(--stepper-line-disabled-color)}.Step_step-wrapper_gFXfX.Step_current_gFXfX .Step_step_gFXfX{color:var(--stepper-default-text-color);background-color:var(--stepper-current-color);border-color:var(--stepper-current-color)}.Step_step-wrapper_gFXfX.Step_current_gFXfX:hover .Step_step_gFXfX{border-color:var(--stepper-current-hover-color);background-color:var(--stepper-current-hover-color)}.Step_step-wrapper_gFXfX.Step_current_gFXfX:active .Step_step_gFXfX{border-color:var(--stepper-current-active-color);background-color:var(--stepper-current-active-color)}.Step_step-wrapper_gFXfX.Step_current_gFXfX.Step_disabled_gFXfX{cursor:not-allowed}.Step_step-wrapper_gFXfX.Step_current_gFXfX.Step_disabled_gFXfX .Step_step_gFXfX{cursor:not-allowed;border-color:var(--stepper-current-disabled-color);background-color:var(--stepper-current-disabled-color)}.Step_step-wrapper_gFXfX.Step_current_gFXfX.Step_disabled_gFXfX .Step_label_gFXfX{cursor:not-allowed;color:var(--stepper-label-disabled-color)}.Step_step-wrapper_gFXfX.Step_current_gFXfX.Step_disabled_gFXfX .Step_label_gFXfX .Step_caption_gFXfX{color:var(--stepper-caption-disabled-color)}.Step_step-wrapper_gFXfX.Step_current_gFXfX.Step_disabled_gFXfX .Step_stepper-line_gFXfX{background-color:var(--stepper-line-disabled-color)}.Step_step-wrapper_gFXfX.Step_current_gFXfX .Step_label_gFXfX{font-weight:700}.Step_step-wrapper_gFXfX.Step_current_gFXfX .Step_label_gFXfX .Step_caption_gFXfX{font-weight:400}.Step_step-wrapper_gFXfX.Step_done_gFXfX .Step_step_gFXfX{color:var(--stepper-default-text-color);background-color:var(--stepper-done-color);border-color:var(--stepper-done-color)}.Step_step-wrapper_gFXfX.Step_done_gFXfX .Step_stepper-line_gFXfX{background-color:var(--stepper-line-bold-color)}.Step_step-wrapper_gFXfX.Step_done_gFXfX:hover .Step_step_gFXfX{border-color:var(--stepper-done-hover-color);background-color:var(--stepper-done-hover-color)}.Step_step-wrapper_gFXfX.Step_done_gFXfX:active .Step_step_gFXfX{border-color:var(--stepper-done-active-color);background-color:var(--stepper-done-active-color)}.Step_step-wrapper_gFXfX.Step_done_gFXfX.Step_disabled_gFXfX{cursor:not-allowed}.Step_step-wrapper_gFXfX.Step_done_gFXfX.Step_disabled_gFXfX .Step_step_gFXfX{cursor:not-allowed;border-color:var(--stepper-done-disabled-color);background-color:var(--stepper-done-disabled-color)}.Step_step-wrapper_gFXfX.Step_done_gFXfX.Step_disabled_gFXfX .Step_label_gFXfX{cursor:not-allowed;color:var(--stepper-label-disabled-color)}.Step_step-wrapper_gFXfX.Step_done_gFXfX.Step_disabled_gFXfX .Step_label_gFXfX .Step_caption_gFXfX{color:var(--stepper-caption-disabled-color)}.Step_step-wrapper_gFXfX.Step_done_gFXfX.Step_disabled_gFXfX .Step_stepper-line_gFXfX{background-color:var(--stepper-line-bold-disabled-color)}.Step_step-wrapper_gFXfX.Step_error_gFXfX .Step_step_gFXfX{color:var(--stepper-default-text-color);background-color:var(--stepper-error-color);border-color:var(--stepper-error-color)}.Step_step-wrapper_gFXfX.Step_error_gFXfX:hover .Step_step_gFXfX{border-color:var(--stepper-error-hover-color);background-color:var(--stepper-error-hover-color)}.Step_step-wrapper_gFXfX.Step_error_gFXfX:active .Step_step_gFXfX{border-color:var(--stepper-error-active-color);background-color:var(--stepper-error-active-color)}.Step_step-wrapper_gFXfX.Step_error_gFXfX.Step_disabled_gFXfX{cursor:not-allowed}.Step_step-wrapper_gFXfX.Step_error_gFXfX.Step_disabled_gFXfX .Step_step_gFXfX{cursor:not-allowed;border-color:var(--stepper-error-disabled-color);background-color:var(--stepper-error-disabled-color)}.Step_step-wrapper_gFXfX.Step_error_gFXfX.Step_disabled_gFXfX .Step_label_gFXfX{cursor:not-allowed;color:var(--stepper-label-disabled-color)}.Step_step-wrapper_gFXfX.Step_error_gFXfX.Step_disabled_gFXfX .Step_label_gFXfX .Step_caption_gFXfX{color:var(--stepper-caption-error-disabled-color)}.Step_step-wrapper_gFXfX.Step_error_gFXfX.Step_disabled_gFXfX .Step_stepper-line_gFXfX{background-color:var(--stepper-line-disabled-color)}.Step_step-wrapper_gFXfX.Step_error_gFXfX .Step_label_gFXfX .Step_caption_gFXfX{color:var(--stepper-caption-error-color)}.Step_step_gFXfX{pointer-events:visible;cursor:pointer;flex-shrink:0;box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;border:2px solid var(--stepper-waiting-color);border-radius:50%;font-size:var(--font-size-form-label);font-family:var(--font-family);font-weight:700}.Step_label_gFXfX{pointer-events:visible;cursor:pointer;grid-column-start:2;grid-column-end:2;grid-row-start:1;grid-row-end:span 2;align-self:start;margin:.25rem 0 0;padding:0;background-color:initial;border:none;text-align:left;color:var(--stepper-label-color);font-family:var(--font-family);font-size:var(--font-size-form-label);line-height:1.25rem}.Step_label_gFXfX:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:"1px";border-radius:var(--focus-border-radius)}.Step_caption_gFXfX{display:block;color:var(--stepper-caption-color);font-family:var(--font-family);font-size:.75rem;line-height:1rem}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+const hidden = "Step_hidden_gFXfX";
+const horizontal = "Step_horizontal_gFXfX";
+const label = "Step_label_gFXfX";
+const step = "Step_step_gFXfX";
+const vertical = "Step_vertical_gFXfX";
+const waiting = "Step_waiting_gFXfX";
+const disabled = "Step_disabled_gFXfX";
+const caption = "Step_caption_gFXfX";
+const current = "Step_current_gFXfX";
+const done = "Step_done_gFXfX";
+const error = "Step_error_gFXfX";
+const classes = {
+  "sr-only": "Step_sr-only_gFXfX",
+  hidden,
+  "slide-in": "Step_slide-in_gFXfX",
+  "slide-out": "Step_slide-out_gFXfX",
+  "step-wrapper": "Step_step-wrapper_gFXfX",
+  horizontal,
+  "stepper-line": "Step_stepper-line_gFXfX",
+  label,
+  "text-bottom": "Step_text-bottom_gFXfX",
+  step,
+  "label-inner-wrapper": "Step_label-inner-wrapper_gFXfX",
+  "last-step": "Step_last-step_gFXfX",
+  "stepper-line-extender": "Step_stepper-line-extender_gFXfX",
+  vertical,
+  "has-caption": "Step_has-caption_gFXfX",
+  waiting,
+  disabled,
+  caption,
+  current,
+  done,
+  error
+};
+export {
+  caption,
+  current,
+  classes as default,
+  disabled,
+  done,
+  error,
+  hidden,
+  horizontal,
+  label,
+  step,
+  vertical,
+  waiting
+};
+//# sourceMappingURL=Step.module.scss.es.js.map

package/dist/components/Stepper/Step.module.scss.es.js.map

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

package/dist/components/Stepper/Stepper.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./Step.cjs.js"),o=require("./Stepper.module.scss.cjs.js");exports.Stepper=({steps:s,direction:r="horizontal",textPosition:a,className:i,...l})=>{const p=[];return"horizontal"===r&&p.push(o.default.horizontal),"bottom"===a&&p.push(o.default["text-bottom"]),i&&p.push(i),e.createElement("div",{...l,className:`${o.default.stepper} ${p.join(" ")}`},s.map(((o,i)=>e.createElement(t.Step,{...o,key:o.label.toLowerCase().replace(/\s/,"-"),index:i,direction:r,lastStep:i+1===s.length,textPosition:a}))))};
+//# sourceMappingURL=Stepper.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.cjs.js","sources":["../../../src/components/Stepper/Stepper.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, { ComponentPropsWithRef } from \"react\";\nimport { Step, Props as StepProps } from \"./Step\";\nimport classes from \"./Stepper.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  steps: StepProps[];\n  direction: \"horizontal\" | \"vertical\";\n  textPosition?: \"bottom\" | \"right\";\n}\n\nexport const Stepper = ({\n  steps,\n  direction = \"horizontal\",\n  textPosition,\n  className,\n  ...rest\n}: Props) => {\n  const additionalClasses = [];\n  direction === \"horizontal\" && additionalClasses.push(classes[\"horizontal\"]);\n  textPosition === \"bottom\" && additionalClasses.push(classes[\"text-bottom\"]);\n  className && additionalClasses.push(className);\n\n  return (\n    <div {...rest} className={`${classes[\"stepper\"]} ${additionalClasses.join(\" \")}`}>\n      {steps.map((step, index) => (\n        <Step\n          {...step}\n          key={step.label.toLowerCase().replace(/\\s/, \"-\")}\n          index={index}\n          direction={direction}\n          lastStep={index + 1 === steps.length}\n          textPosition={textPosition}\n        />\n      ))}\n    </div>\n  );\n};\n"],"names":["steps","direction","textPosition","className","rest","additionalClasses","push","classes","default","join","map","step","index","React","createElement","Step","key","label","toLowerCase","replace","lastStep","length"],"mappings":"8LA0BuB,EACrBA,QACAC,YAAY,aACZC,eACAC,eACGC,MAEH,MAAMC,EAAoB,SACZ,eAAdJ,GAA8BI,EAAkBC,KAAKC,EAAAC,QAAoB,YACxD,WAAjBN,GAA6BG,EAAkBC,KAAKC,EAAAC,QAAQ,gBAC/CL,GAAAE,EAAkBC,KAAKH,mBAGjC,MAAK,IAAGC,EAAMD,UAAW,GAAGI,UAAiB,WAAKF,EAAkBI,KAAK,QACvET,EAAMU,KAAI,CAACC,EAAMC,IAChBC,EAAAC,cAACC,EAAAA,KAAA,IACKJ,EACJK,IAAKL,EAAKM,MAAMC,cAAcC,QAAQ,KAAM,KAC5CP,QACAX,YACAmB,SAAUR,EAAQ,IAAMZ,EAAMqB,OAC9BnB,mBAGN"}

package/dist/components/Stepper/Stepper.es.js

@@ -0,0 +1,30 @@
+import React from "react";
+import { Step } from "./Step.es.js";
+import classes from "./Stepper.module.scss.es.js";
+const Stepper = ({
+  steps,
+  direction = "horizontal",
+  textPosition,
+  className,
+  ...rest
+}) => {
+  const additionalClasses = [];
+  direction === "horizontal" && additionalClasses.push(classes["horizontal"]);
+  textPosition === "bottom" && additionalClasses.push(classes["text-bottom"]);
+  className && additionalClasses.push(className);
+  return /* @__PURE__ */ React.createElement("div", { ...rest, className: `${classes["stepper"]} ${additionalClasses.join(" ")}` }, steps.map((step, index) => /* @__PURE__ */ React.createElement(
+    Step,
+    {
+      ...step,
+      key: step.label.toLowerCase().replace(/\s/, "-"),
+      index,
+      direction,
+      lastStep: index + 1 === steps.length,
+      textPosition
+    }
+  )));
+};
+export {
+  Stepper
+};
+//# sourceMappingURL=Stepper.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.es.js","sources":["../../../src/components/Stepper/Stepper.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, { ComponentPropsWithRef } from \"react\";\nimport { Step, Props as StepProps } from \"./Step\";\nimport classes from \"./Stepper.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  steps: StepProps[];\n  direction: \"horizontal\" | \"vertical\";\n  textPosition?: \"bottom\" | \"right\";\n}\n\nexport const Stepper = ({\n  steps,\n  direction = \"horizontal\",\n  textPosition,\n  className,\n  ...rest\n}: Props) => {\n  const additionalClasses = [];\n  direction === \"horizontal\" && additionalClasses.push(classes[\"horizontal\"]);\n  textPosition === \"bottom\" && additionalClasses.push(classes[\"text-bottom\"]);\n  className && additionalClasses.push(className);\n\n  return (\n    <div {...rest} className={`${classes[\"stepper\"]} ${additionalClasses.join(\" \")}`}>\n      {steps.map((step, index) => (\n        <Step\n          {...step}\n          key={step.label.toLowerCase().replace(/\\s/, \"-\")}\n          index={index}\n          direction={direction}\n          lastStep={index + 1 === steps.length}\n          textPosition={textPosition}\n        />\n      ))}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;AA0BO,MAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAa;AACX,QAAM,oBAAoB,CAAC;AAC3B,gBAAc,gBAAgB,kBAAkB,KAAK,QAAQ,YAAY,CAAC;AAC1E,mBAAiB,YAAY,kBAAkB,KAAK,QAAQ,aAAa,CAAC;AAC7D,eAAA,kBAAkB,KAAK,SAAS;AAE7C,6CACG,OAAK,EAAA,GAAG,MAAM,WAAW,GAAG,QAAQ,SAAS,CAAC,IAAI,kBAAkB,KAAK,GAAG,CAAC,MAC3E,MAAM,IAAI,CAAC,MAAM,UAChB,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK,KAAK,MAAM,YAAc,EAAA,QAAQ,MAAM,GAAG;AAAA,MAC/C;AAAA,MACA;AAAA,MACA,UAAU,QAAQ,MAAM,MAAM;AAAA,MAC9B;AAAA,IAAA;AAAA,EAAA,CAEH,CACH;AAEJ;"}

package/dist/components/Stepper/Stepper.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(".Stepper_stepper_gFXfX{display:flex;gap:.5rem;justify-content:flex-start;width:auto;flex-direction:column}.Stepper_stepper_gFXfX.Stepper_horizontal_gFXfX{justify-content:center;flex-direction:row;width:100%}.Stepper_stepper_gFXfX.Stepper_horizontal_gFXfX.Stepper_text-bottom_gFXfX{gap:0}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="Stepper_stepper_gFXfX",t="Stepper_horizontal_gFXfX",o={stepper:e,horizontal:t,"text-bottom":"Stepper_text-bottom_gFXfX"};exports.default=o,exports.horizontal=t,exports.stepper=e;
+//# sourceMappingURL=Stepper.module.scss.cjs.js.map

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

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

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

@@ -0,0 +1,14 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".Stepper_stepper_gFXfX{display:flex;gap:.5rem;justify-content:flex-start;width:auto;flex-direction:column}.Stepper_stepper_gFXfX.Stepper_horizontal_gFXfX{justify-content:center;flex-direction:row;width:100%}.Stepper_stepper_gFXfX.Stepper_horizontal_gFXfX.Stepper_text-bottom_gFXfX{gap:0}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+const stepper = "Stepper_stepper_gFXfX";
+const horizontal = "Stepper_horizontal_gFXfX";
+const classes = {
+  stepper,
+  horizontal,
+  "text-bottom": "Stepper_text-bottom_gFXfX"
+};
+export {
+  classes as default,
+  horizontal,
+  stepper
+};
+//# sourceMappingURL=Stepper.module.scss.es.js.map

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

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

package/dist/components/Tabs/Tab.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./Tab.module.scss.cjs.js");exports.Tab=({children:a,tabActive:r,...s})=>e.createElement("div",{...s,"aria-hidden":!r,role:"tabpanel",className:`${t.default.tab} ${r?t.default.selected:""} ${s.className??""}`},a);
+//# sourceMappingURL=Tab.cjs.js.map

package/dist/components/Tabs/Tab.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.cjs.js","sources":["../../../src/components/Tabs/Tab.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, { HTMLProps } from \"react\";\nimport classes from \"./Tab.module.scss\";\n\nexport interface Props extends Omit<HTMLProps<HTMLDivElement>, \"children\"> {\n  title: string;\n  /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n  children?: any;\n  tabActive?: boolean;\n  icon?: React.ReactNode;\n}\n\nexport const Tab = ({ children, tabActive, ...rest }: Props) => {\n  return (\n    <div\n      {...rest}\n      aria-hidden={!tabActive}\n      role=\"tabpanel\"\n      className={`${classes[\"tab\"]} ${tabActive ? classes[\"selected\"] : \"\"} ${\n        rest.className ?? \"\"\n      }`}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["children","tabActive","rest","React","createElement","role","className","classes","default"],"mappings":"2JA2BmB,EAAGA,WAAUC,eAAcC,KAE1CC,EAAAC,cAAC,MAAA,IACKF,EACJ,eAAcD,EACdI,KAAK,WACLC,UAAW,GAAGC,EAAAA,QAAa,OAAKN,EAAYM,EAAQC,QAAU,SAAI,MAChEN,EAAKI,WAAa,MAGnBN"}

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

@@ -0,0 +1,18 @@
+import React from "react";
+import classes from "./Tab.module.scss.es.js";
+const Tab = ({ children, tabActive, ...rest }) => {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ...rest,
+      "aria-hidden": !tabActive,
+      role: "tabpanel",
+      className: `${classes["tab"]} ${tabActive ? classes["selected"] : ""} ${rest.className ?? ""}`
+    },
+    children
+  );
+};
+export {
+  Tab
+};
+//# sourceMappingURL=Tab.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.es.js","sources":["../../../src/components/Tabs/Tab.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, { HTMLProps } from \"react\";\nimport classes from \"./Tab.module.scss\";\n\nexport interface Props extends Omit<HTMLProps<HTMLDivElement>, \"children\"> {\n  title: string;\n  /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n  children?: any;\n  tabActive?: boolean;\n  icon?: React.ReactNode;\n}\n\nexport const Tab = ({ children, tabActive, ...rest }: Props) => {\n  return (\n    <div\n      {...rest}\n      aria-hidden={!tabActive}\n      role=\"tabpanel\"\n      className={`${classes[\"tab\"]} ${tabActive ? classes[\"selected\"] : \"\"} ${\n        rest.className ?? \"\"\n      }`}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;AA2BO,MAAM,MAAM,CAAC,EAAE,UAAU,WAAW,GAAG,WAAkB;AAE5D,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAa,CAAC;AAAA,MACd,MAAK;AAAA,MACL,WAAW,GAAG,QAAQ,KAAK,CAAC,IAAI,YAAY,QAAQ,UAAU,IAAI,EAAE,IAClE,KAAK,aAAa,EACpB;AAAA,IAAA;AAAA,IAEC;AAAA,EACH;AAEJ;"}

package/dist/components/Tabs/Tab.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 */.Tab_tab_gFXfX{display:none}.Tab_tab_gFXfX:focus-visible{outline-color:var(--color-focus)}.Tab_tab_gFXfX.Tab_selected_gFXfX{display:block}')),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 e="Tab_tab_gFXfX",t="Tab_selected_gFXfX",s={tab:e,selected:t};exports.default=s,exports.selected=t,exports.tab=e;
+//# sourceMappingURL=Tab.module.scss.cjs.js.map

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

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

package/dist/components/Tabs/Tab.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('/*!\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 */.Tab_tab_gFXfX{display:none}.Tab_tab_gFXfX:focus-visible{outline-color:var(--color-focus)}.Tab_tab_gFXfX.Tab_selected_gFXfX{display:block}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const tab = "Tab_tab_gFXfX";
+const selected = "Tab_selected_gFXfX";
+const classes = {
+  tab,
+  selected
+};
+export {
+  classes as default,
+  selected,
+  tab
+};
+//# sourceMappingURL=Tab.module.scss.es.js.map

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

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

package/dist/components/Tabs/TabButton.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./TabButton.module.scss.cjs.js"),u=e.forwardRef((({children:u,tabActive:r,focused:c,title:o,fluid:s,icon:n,iconPosition:a,className:l,...i},f)=>{const d=f||e.createRef();e.useEffect((()=>{c&&d.current&&d.current.focus()}),[d.current,c]);const b=[t.default.tabbutton];return r&&b.push(t.default.selected),s&&b.push(t.default.fluid),l&&b.push(l),n&&b.push(t.default["has-icon"],t.default[`${a}-icon`]),e.createElement("button",{...i,className:b.join(" "),ref:d,role:"tab",type:"button"},u,n&&e.createElement("i",null,n))}));exports.TabButton=u;
+//# sourceMappingURL=TabButton.cjs.js.map

package/dist/components/Tabs/TabButton.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabButton.cjs.js","sources":["../../../src/components/Tabs/TabButton.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  ComponentPropsWithRef,\n  createRef,\n  RefObject,\n  useEffect\n} from \"react\";\nimport classes from \"./TabButton.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"button\"> {\n  tabActive?: boolean;\n  focused?: boolean;\n  fluid?: boolean;\n  icon?: React.ReactNode;\n  iconPosition?: \"left\" | \"right\" | \"top\" | \"bottom\";\n}\n\nconst TabButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  { children, tabActive, focused, title, fluid, icon, iconPosition, className, ...rest }: Props,\n  ref\n) => {\n  const buttonRef = (ref as RefObject<HTMLButtonElement>) || createRef<HTMLButtonElement>();\n\n  useEffect(() => {\n    if (focused && buttonRef.current) {\n      buttonRef.current.focus();\n    }\n  }, [buttonRef.current, focused]);\n\n  const tabButtonClasses = [classes[\"tabbutton\"]];\n  tabActive && tabButtonClasses.push(classes[\"selected\"]);\n  fluid && tabButtonClasses.push(classes[\"fluid\"]);\n  className && tabButtonClasses.push(className);\n  icon && tabButtonClasses.push(classes[\"has-icon\"], classes[`${iconPosition}-icon`]);\n\n  return (\n    <button\n      {...rest}\n      className={tabButtonClasses.join(\" \")}\n      ref={buttonRef}\n      role=\"tab\"\n      type=\"button\"\n    >\n      {children}\n      {icon && <i>{icon}</i>}\n    </button>\n  );\n};\n\nexport const TabButton = React.forwardRef(TabButtonComponent);\n"],"names":["TabButton","React","forwardRef","children","tabActive","focused","title","fluid","icon","iconPosition","className","rest","ref","buttonRef","createRef","useEffect","current","focus","tabButtonClasses","classes","push","default","createElement","join","role","type"],"mappings":"qJAiEaA,EAAYC,EAAMC,YAhCgD,EAC3EC,WAAUC,YAAWC,UAASC,QAAOC,QAAOC,OAAMC,eAAcC,eAAcC,GAChFC,KAEM,MAAAC,EAAaD,GAAwCE,cAE3DC,EAAAA,WAAU,KACJV,GAAWQ,EAAUG,SACvBH,EAAUG,QAAQC,OAAM,GAEzB,CAACJ,EAAUG,QAASX,IAEvB,MAAMa,EAAmB,CAACC,UAAmB,WAO3C,OANFf,GAAac,EAAiBE,KAAKD,EAAQE,QAAU,UACrDd,GAASW,EAAiBE,KAAKD,EAAQE,QAAO,OACjCX,GAAAQ,EAAiBE,KAAKV,GAC3BF,GAAAU,EAAiBE,KAAKD,EAAAA,QAAQ,YAAaA,EAAQE,QAAA,GAAGZ,WAG5DR,EAAAqB,cAAC,SAAA,IACKX,EACJD,UAAWQ,EAAiBK,KAAK,KACjCX,IAAKC,EACLW,KAAK,MACLC,KAAK,UAEJtB,EACAK,GAASP,EAAAqB,cAAA,IAAA,KAAGd,GACf"}

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

@@ -0,0 +1,32 @@
+import React, { createRef, useEffect } from "react";
+import classes from "./TabButton.module.scss.es.js";
+const TabButtonComponent = ({ children, tabActive, focused, title, fluid, icon, iconPosition, className, ...rest }, ref) => {
+  const buttonRef = ref || createRef();
+  useEffect(() => {
+    if (focused && buttonRef.current) {
+      buttonRef.current.focus();
+    }
+  }, [buttonRef.current, focused]);
+  const tabButtonClasses = [classes["tabbutton"]];
+  tabActive && tabButtonClasses.push(classes["selected"]);
+  fluid && tabButtonClasses.push(classes["fluid"]);
+  className && tabButtonClasses.push(className);
+  icon && tabButtonClasses.push(classes["has-icon"], classes[`${iconPosition}-icon`]);
+  return /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      ...rest,
+      className: tabButtonClasses.join(" "),
+      ref: buttonRef,
+      role: "tab",
+      type: "button"
+    },
+    children,
+    icon && /* @__PURE__ */ React.createElement("i", null, icon)
+  );
+};
+const TabButton = React.forwardRef(TabButtonComponent);
+export {
+  TabButton
+};
+//# sourceMappingURL=TabButton.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabButton.es.js","sources":["../../../src/components/Tabs/TabButton.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  ComponentPropsWithRef,\n  createRef,\n  RefObject,\n  useEffect\n} from \"react\";\nimport classes from \"./TabButton.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"button\"> {\n  tabActive?: boolean;\n  focused?: boolean;\n  fluid?: boolean;\n  icon?: React.ReactNode;\n  iconPosition?: \"left\" | \"right\" | \"top\" | \"bottom\";\n}\n\nconst TabButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  { children, tabActive, focused, title, fluid, icon, iconPosition, className, ...rest }: Props,\n  ref\n) => {\n  const buttonRef = (ref as RefObject<HTMLButtonElement>) || createRef<HTMLButtonElement>();\n\n  useEffect(() => {\n    if (focused && buttonRef.current) {\n      buttonRef.current.focus();\n    }\n  }, [buttonRef.current, focused]);\n\n  const tabButtonClasses = [classes[\"tabbutton\"]];\n  tabActive && tabButtonClasses.push(classes[\"selected\"]);\n  fluid && tabButtonClasses.push(classes[\"fluid\"]);\n  className && tabButtonClasses.push(className);\n  icon && tabButtonClasses.push(classes[\"has-icon\"], classes[`${iconPosition}-icon`]);\n\n  return (\n    <button\n      {...rest}\n      className={tabButtonClasses.join(\" \")}\n      ref={buttonRef}\n      role=\"tab\"\n      type=\"button\"\n    >\n      {children}\n      {icon && <i>{icon}</i>}\n    </button>\n  );\n};\n\nexport const TabButton = React.forwardRef(TabButtonComponent);\n"],"names":[],"mappings":";;AAiCA,MAAM,qBAAyE,CAC7E,EAAE,UAAU,WAAW,SAAS,OAAO,OAAO,MAAM,cAAc,WAAW,GAAG,KAAA,GAChF,QACG;AACG,QAAA,YAAa,OAAwC,UAA6B;AAExF,YAAU,MAAM;AACV,QAAA,WAAW,UAAU,SAAS;AAChC,gBAAU,QAAQ,MAAM;AAAA,IAAA;AAAA,EAEzB,GAAA,CAAC,UAAU,SAAS,OAAO,CAAC;AAE/B,QAAM,mBAAmB,CAAC,QAAQ,WAAW,CAAC;AAC9C,eAAa,iBAAiB,KAAK,QAAQ,UAAU,CAAC;AACtD,WAAS,iBAAiB,KAAK,QAAQ,OAAO,CAAC;AAClC,eAAA,iBAAiB,KAAK,SAAS;AACpC,UAAA,iBAAiB,KAAK,QAAQ,UAAU,GAAG,QAAQ,GAAG,YAAY,OAAO,CAAC;AAGhF,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,iBAAiB,KAAK,GAAG;AAAA,MACpC,KAAK;AAAA,MACL,MAAK;AAAA,MACL,MAAK;AAAA,IAAA;AAAA,IAEJ;AAAA,IACA,QAAS,sBAAA,cAAA,KAAA,MAAG,IAAK;AAAA,EACpB;AAEJ;AAEa,MAAA,YAAY,MAAM,WAAW,kBAAkB;"}

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

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.TabButton_sr-only_gFXfX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.TabButton_hidden_gFXfX{display:none}.TabButton_slide-in_gFXfX{animation:TabButton_slide-in_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.TabButton_slide-in_gFXfX{animation-duration:.1ms}}.TabButton_slide-out_gFXfX{animation:TabButton_slide-out_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.TabButton_slide-out_gFXfX{animation-duration:.1ms}}@keyframes TabButton_slide-in_gFXfX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes TabButton_slide-out_gFXfX{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 */.TabButton_tabbutton_gFXfX{color:var(--tab-text-color);border:0;border-radius:0;font-size:var(--font-size);line-height:var(--default-line-height);margin:0;padding:.5rem 1rem;cursor:pointer;font-family:var(--font-family);background-color:transparent;white-space:nowrap;position:relative;font-weight:400;border-bottom-style:var(--tablist-border-style);border-bottom-width:var(--tablist-border-width);border-bottom-color:var(--tablist-border-color)}.TabButton_tabbutton_gFXfX:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.TabButton_tabbutton_gFXfX:where(:focus-visible){z-index:1}.TabButton_tabbutton_gFXfX:disabled{color:var(--greyed-out);cursor:not-allowed}.TabButton_tabbutton_gFXfX:hover:not(:disabled){background-color:var(--tab-hover-color)}.TabButton_tabbutton_gFXfX:active:not(:disabled){background-color:var(--tab-pressed-color)}.TabButton_tabbutton_gFXfX.TabButton_selected_gFXfX{color:var(--tab-active-text-color)}.TabButton_tabbutton_gFXfX.TabButton_fluid_gFXfX{flex:1}.TabButton_tabbutton_gFXfX.TabButton_has-icon_gFXfX{gap:calc(.25 * var(--font-size));display:inline-flex;align-items:center}.TabButton_tabbutton_gFXfX.TabButton_has-icon_gFXfX i{display:flex}.TabButton_tabbutton_gFXfX.TabButton_has-icon_gFXfX span[data-icon]{display:inline-block;font-size:var(--font-size-big);width:var(--font-size-big)}.TabButton_tabbutton_gFXfX.TabButton_has-icon_gFXfX.TabButton_top-icon_gFXfX,.TabButton_tabbutton_gFXfX.TabButton_has-icon_gFXfX.TabButton_bottom-icon_gFXfX{flex-direction:column}.TabButton_tabbutton_gFXfX.TabButton_has-icon_gFXfX.TabButton_left-icon_gFXfX i,.TabButton_tabbutton_gFXfX.TabButton_has-icon_gFXfX.TabButton_top-icon_gFXfX i{order:-1}')),document.head.appendChild(t)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="TabButton_hidden_gFXfX",o="TabButton_tabbutton_gFXfX",e="TabButton_selected_gFXfX",n="TabButton_fluid_gFXfX",u={"sr-only":"TabButton_sr-only_gFXfX",hidden:t,"slide-in":"TabButton_slide-in_gFXfX","slide-out":"TabButton_slide-out_gFXfX",tabbutton:o,selected:e,fluid:n,"has-icon":"TabButton_has-icon_gFXfX","top-icon":"TabButton_top-icon_gFXfX","bottom-icon":"TabButton_bottom-icon_gFXfX","left-icon":"TabButton_left-icon_gFXfX"};exports.default=u,exports.fluid=n,exports.hidden=t,exports.selected=e,exports.tabbutton=o;
+//# sourceMappingURL=TabButton.module.scss.cjs.js.map

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

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

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

@@ -0,0 +1,26 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.TabButton_sr-only_gFXfX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.TabButton_hidden_gFXfX{display:none}.TabButton_slide-in_gFXfX{animation:TabButton_slide-in_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.TabButton_slide-in_gFXfX{animation-duration:.1ms}}.TabButton_slide-out_gFXfX{animation:TabButton_slide-out_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.TabButton_slide-out_gFXfX{animation-duration:.1ms}}@keyframes TabButton_slide-in_gFXfX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes TabButton_slide-out_gFXfX{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 */.TabButton_tabbutton_gFXfX{color:var(--tab-text-color);border:0;border-radius:0;font-size:var(--font-size);line-height:var(--default-line-height);margin:0;padding:.5rem 1rem;cursor:pointer;font-family:var(--font-family);background-color:transparent;white-space:nowrap;position:relative;font-weight:400;border-bottom-style:var(--tablist-border-style);border-bottom-width:var(--tablist-border-width);border-bottom-color:var(--tablist-border-color)}.TabButton_tabbutton_gFXfX:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.TabButton_tabbutton_gFXfX:where(:focus-visible){z-index:1}.TabButton_tabbutton_gFXfX:disabled{color:var(--greyed-out);cursor:not-allowed}.TabButton_tabbutton_gFXfX:hover:not(:disabled){background-color:var(--tab-hover-color)}.TabButton_tabbutton_gFXfX:active:not(:disabled){background-color:var(--tab-pressed-color)}.TabButton_tabbutton_gFXfX.TabButton_selected_gFXfX{color:var(--tab-active-text-color)}.TabButton_tabbutton_gFXfX.TabButton_fluid_gFXfX{flex:1}.TabButton_tabbutton_gFXfX.TabButton_has-icon_gFXfX{gap:calc(.25 * var(--font-size));display:inline-flex;align-items:center}.TabButton_tabbutton_gFXfX.TabButton_has-icon_gFXfX i{display:flex}.TabButton_tabbutton_gFXfX.TabButton_has-icon_gFXfX span[data-icon]{display:inline-block;font-size:var(--font-size-big);width:var(--font-size-big)}.TabButton_tabbutton_gFXfX.TabButton_has-icon_gFXfX.TabButton_top-icon_gFXfX,.TabButton_tabbutton_gFXfX.TabButton_has-icon_gFXfX.TabButton_bottom-icon_gFXfX{flex-direction:column}.TabButton_tabbutton_gFXfX.TabButton_has-icon_gFXfX.TabButton_left-icon_gFXfX i,.TabButton_tabbutton_gFXfX.TabButton_has-icon_gFXfX.TabButton_top-icon_gFXfX i{order:-1}')),document.head.appendChild(t)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+const hidden = "TabButton_hidden_gFXfX";
+const tabbutton = "TabButton_tabbutton_gFXfX";
+const selected = "TabButton_selected_gFXfX";
+const fluid = "TabButton_fluid_gFXfX";
+const classes = {
+  "sr-only": "TabButton_sr-only_gFXfX",
+  hidden,
+  "slide-in": "TabButton_slide-in_gFXfX",
+  "slide-out": "TabButton_slide-out_gFXfX",
+  tabbutton,
+  selected,
+  fluid,
+  "has-icon": "TabButton_has-icon_gFXfX",
+  "top-icon": "TabButton_top-icon_gFXfX",
+  "bottom-icon": "TabButton_bottom-icon_gFXfX",
+  "left-icon": "TabButton_left-icon_gFXfX"
+};
+export {
+  classes as default,
+  fluid,
+  hidden,
+  selected,
+  tabbutton
+};
+//# sourceMappingURL=TabButton.module.scss.es.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./TabButton.cjs.js"),r=require("./Tabs.module.scss.cjs.js"),n=e.forwardRef((({children:n,selected:o=0,onTabChange:s,className:l,fluid:a,tabListClassName:i,align:c,iconsPosition:u="left",tabChanging:d,activateOnFocus:f=!0,...p},b)=>{const h=e=>Object.prototype.hasOwnProperty.call(e.props,"title"),g=t=>{const r=e.Children.toArray(n),o=e=>Boolean(e&&h(e)&&!e.props.disabled);if(t>=0&&t<r.length&&o(r[t]))return t;const s=r.findIndex(o);return-1===s?0:s},[m,y]=e.useState([]),[v,w]=e.useState([]),[C,E]=e.useState((()=>g(o))),[S,x]=e.useState((()=>g(o))),[T,j]=e.useState(!1),[A,k]=e.useState({width:0,left:0,top:0}),I=b||e.createRef(),O=e.useRef(null),$=()=>e.Children.toArray(n).reduce(((e,t,r)=>(h(t)&&!t.props.disabled&&e.push(r),e)),[]),_=(e,t)=>{const r=$();if(!r.length)return e;const n=r.indexOf(e);return-1===n?r[0]:r["next"===t?(n+1)%r.length:(n-1+r.length)%r.length]},q=async e=>{var t,r;try{if("function"==typeof d&&!(await Promise.resolve(d(e,C)))){x(C);const e=null==(t=I.current)?void 0:t.querySelectorAll('button[role="tab"]');return void(null==(r=null==e?void 0:e[C])||r.focus())}E(e),null==s||s(e)}catch(n){}};e.useEffect((()=>{x(C)}),[C]),e.useEffect((()=>{const e=g(C);e===C?$().includes(S)||x(e):E(e)}),[n,C,S]),e.useEffect((()=>{I.current&&m.length&&(()=>{if(!I.current||!O.current)return;const e=I.current.querySelector('button[role="tab"][aria-selected="true"]');e&&k({left:e.offsetLeft,top:e.offsetTop+e.offsetHeight-O.current.offsetHeight-parseInt(getComputedStyle(e).borderBottomWidth),width:e.offsetWidth})})()}),[I.current,C,m]),e.useEffect((()=>{const r=e.Children.map(n,((r,n)=>h(r)?e.createElement(t.TabButton,{key:`${r.props.title.toLowerCase().replace(/\s/,"_")}_button`,tabIndex:S===n?0:-1,"aria-selected":C===n,focused:T&&S===n,tabActive:C===n,"aria-controls":`tab_${n}`,onClick:()=>{q(n)},onFocus:()=>{x(n)},disabled:r.props.disabled,fluid:a,iconPosition:u,icon:r.props.icon},r.props.title):null)),o=e.Children.map(n,((t,r)=>h(t)?e.cloneElement(t,{key:`${t.props.title.toLowerCase().replace(/\s/,"_")}_tab`,tabIndex:C===r?0:-1,tabActive:C===r,id:`tab_${r}`,children:t.props.children}):null));w(o),y(r)}),[n,C,S,a,c,u]);const B=[r.default.tablist];return c&&B.push(r.default[c]),i&&B.push(i),e.createElement("div",{...p,ref:I,className:`${r.default.tabs} ${l??""}`},e.createElement("div",{role:"tablist",tabIndex:-1,className:B.join(" "),onKeyDown:e=>{const t=$().length,r={ArrowRight:()=>_(S,"next"),ArrowLeft:()=>_(S,"prev"),Home:()=>$()[0]??0,End:()=>(()=>{const e=$();return e[e.length-1]??0})()};if(Object.keys(r).includes(e.key)&&!T&&j(!0),1===t)return;const n=r[e.key];if(!n)return;e.preventDefault();const o=n();x(o),f&&q(o)},onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||setTimeout((()=>{x(C),j(!1)}),0)}},m,e.createElement("div",{className:r.default.indicator,ref:O,"aria-hidden":"true",tabIndex:-1,style:{width:A.width,left:A.left,top:A.top}})),e.createElement("div",null,v))}));exports.Tabs=n;
+//# sourceMappingURL=Tabs.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.cjs.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 isTabChild = (child: ReactElement) =>\n    Object.prototype.hasOwnProperty.call(child.props, \"title\");\n\n  const getValidSelectedIndex = (preferredIndex: number): number => {\n    const kids = React.Children.toArray(children) as ReactElement[];\n\n    const isSelectableTab = (child?: ReactElement) =>\n      Boolean(child && isTabChild(child) && !child.props.disabled);\n\n    if (\n      preferredIndex >= 0 &&\n      preferredIndex < kids.length &&\n      isSelectableTab(kids[preferredIndex])\n    ) {\n      return preferredIndex;\n    }\n\n    const firstSelectableIndex = kids.findIndex(isSelectableTab);\n    return firstSelectableIndex === -1 ? 0 : firstSelectableIndex;\n  };\n\n  const [renderedButtons, setRenderedButtons] = useState<ReactElement[]>([]);\n  const [renderedTabs, setRenderedTabs] = useState<ReactElement[]>([]);\n  const [activeTabIndex, setActiveTabIndex] = useState(() => getValidSelectedIndex(selected));\n  const [focusedIndex, setFocusedIndex] = useState(() => getValidSelectedIndex(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 getEnabledTabIndexes = (): number[] => {\n    const kids = React.Children.toArray(children) as ReactElement[];\n\n    return kids.reduce((indexes: number[], child, index) => {\n      if (isTabChild(child) && !child.props.disabled) {\n        indexes.push(index);\n      }\n      return indexes;\n    }, []);\n  };\n\n  const getNextEnabledTabIndex = (startIndex: number, direction: \"next\" | \"prev\"): number => {\n    const enabledTabIndexes = getEnabledTabIndexes();\n\n    if (!enabledTabIndexes.length) {\n      return startIndex;\n    }\n\n    const currentPosition = enabledTabIndexes.indexOf(startIndex);\n\n    if (currentPosition === -1) {\n      return enabledTabIndexes[0];\n    }\n\n    const nextPosition =\n      direction === \"next\"\n        ? (currentPosition + 1) % enabledTabIndexes.length\n        : (currentPosition - 1 + enabledTabIndexes.length) % enabledTabIndexes.length;\n\n    return enabledTabIndexes[nextPosition];\n  };\n\n  const getFirstEnabledTabIndex = (): number => {\n    const enabledTabIndexes = getEnabledTabIndexes();\n    return enabledTabIndexes[0] ?? 0;\n  };\n\n  const getLastEnabledTabIndex = (): number => {\n    const enabledTabIndexes = getEnabledTabIndexes();\n    return enabledTabIndexes[enabledTabIndexes.length - 1] ?? 0;\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    const totalAmountOfTabs = getEnabledTabIndexes().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 || !indicatorRef.current) {\n      return;\n    }\n\n    const selectedButton = tabsRef.current.querySelector(\n      'button[role=\"tab\"][aria-selected=\"true\"]'\n    ) as HTMLElement | null;\n\n    if (!selectedButton) {\n      return;\n    }\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  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    const validSelectedIndex = getValidSelectedIndex(activeTabIndex);\n\n    if (validSelectedIndex !== activeTabIndex) {\n      setActiveTabIndex(validSelectedIndex);\n      return;\n    }\n\n    const enabledTabIndexes = getEnabledTabIndexes();\n    if (!enabledTabIndexes.includes(focusedIndex)) {\n      setFocusedIndex(validSelectedIndex);\n    }\n  }, [children, activeTabIndex, focusedIndex]);\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 (isTabChild(child)) {\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 (isTabChild(child)) {\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  }, [children, 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":["Tabs","React","forwardRef","children","selected","onTabChange","className","fluid","tabListClassName","align","iconsPosition","tabChanging","activateOnFocus","rest","ref","isTabChild","child","Object","prototype","hasOwnProperty","call","props","getValidSelectedIndex","preferredIndex","kids","Children","toArray","isSelectableTab","Boolean","disabled","length","firstSelectableIndex","findIndex","renderedButtons","setRenderedButtons","useState","renderedTabs","setRenderedTabs","activeTabIndex","setActiveTabIndex","focusedIndex","setFocusedIndex","usingKeyboardNavigation","setUsingKeyboardNavigation","indicatorStyles","setIndicatorStyles","width","left","top","tabsRef","createRef","indicatorRef","useRef","getEnabledTabIndexes","reduce","indexes","index","push","getNextEnabledTabIndex","startIndex","direction","enabledTabIndexes","currentPosition","indexOf","handleTabClick","async","newIndex","Promise","resolve","buttons","_a","current","querySelectorAll","_b","focus","error","useEffect","validSelectedIndex","includes","selectedButton","querySelector","offsetLeft","offsetTop","offsetHeight","parseInt","getComputedStyle","borderBottomWidth","offsetWidth","calculateIndicatorPosition","map","createElement","TabButton","key","title","toLowerCase","replace","tabIndex","focused","tabActive","onClick","onFocus","iconPosition","icon","tabs","cloneElement","id","tabListClasses","classes","default","role","join","onKeyDown","e","totalAmountOfTabs","keyToIndex","ArrowRight","ArrowLeft","Home","End","getLastEnabledTabIndex","keys","getIndexForKey","preventDefault","nextIndex","onBlur","currentTarget","contains","relatedTarget","setTimeout","style"],"mappings":"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"}