npm - @onewelcome/react-lib-components - Versions diffs - 11.0.0 → 12.0.0 - Mend

@onewelcome/react-lib-components 11.0.0 → 12.0.0

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

Files changed (986) hide show

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

@@ -1 +0,0 @@

- {"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 DELETED Viewed

@@ -1,3 +0,0 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Step_sr-only_HO9cY{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Step_hidden_HO9cY{display:none}.Step_slide-in_HO9cY{animation:Step_slide-in_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Step_slide-in_HO9cY{animation-duration:.1ms}}.Step_slide-out_HO9cY{animation:Step_slide-out_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Step_slide-out_HO9cY{animation-duration:.1ms}}@keyframes Step_slide-in_HO9cY{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Step_slide-out_HO9cY{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_HO9cY{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_HO9cY.Step_horizontal_HO9cY{grid-template-columns:1.875rem auto 1fr;grid-template-rows:auto 1fr;align-items:start;width:100%}.Step_step-wrapper_HO9cY.Step_horizontal_HO9cY .Step_stepper-line_HO9cY{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_HO9cY.Step_horizontal_HO9cY .Step_label_HO9cY{margin-top:.25rem}.Step_step-wrapper_HO9cY.Step_horizontal_HO9cY.Step_text-bottom_HO9cY{grid-template-columns:5rem 1fr;gap:0}.Step_step-wrapper_HO9cY.Step_horizontal_HO9cY.Step_text-bottom_HO9cY .Step_step_HO9cY{justify-self:center}.Step_step-wrapper_HO9cY.Step_horizontal_HO9cY.Step_text-bottom_HO9cY .Step_label_HO9cY{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_HO9cY.Step_horizontal_HO9cY.Step_text-bottom_HO9cY .Step_stepper-line_HO9cY{margin-right:-1.125rem;margin-left:-1.125rem;width:calc(100% + 2.25rem)}.Step_step-wrapper_HO9cY.Step_horizontal_HO9cY.Step_text-bottom_HO9cY .Step_label-inner-wrapper_HO9cY{display:inline}.Step_step-wrapper_HO9cY.Step_horizontal_HO9cY.Step_text-bottom_HO9cY.Step_last-step_HO9cY{justify-content:center;grid-template-columns:5rem;grid-template-rows:auto 1fr;flex:1 0 5rem;display:grid}.Step_step-wrapper_HO9cY.Step_horizontal_HO9cY.Step_text-bottom_HO9cY.Step_last-step_HO9cY .Step_label_HO9cY{width:auto}.Step_step-wrapper_HO9cY.Step_horizontal_HO9cY.Step_last-step_HO9cY{display:flex;width:-webkit-max-content;width:max-content}.Step_step-wrapper_HO9cY.Step_horizontal_HO9cY.Step_last-step_HO9cY .Step_label_HO9cY{width:-webkit-max-content;width:max-content}.Step_step-wrapper_HO9cY.Step_horizontal_HO9cY .Step_label-inner-wrapper_HO9cY{display:flex}.Step_step-wrapper_HO9cY.Step_horizontal_HO9cY .Step_stepper-line-extender_HO9cY{display:block;flex:1;margin-left:.4375rem;margin-right:-1rem;margin-top:.5625rem}.Step_step-wrapper_HO9cY .Step_stepper-line_HO9cY{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_HO9cY.Step_vertical_HO9cY.Step_has-caption_HO9cY .Step_stepper-line_HO9cY{min-height:1.375rem}.Step_step-wrapper_HO9cY.Step_waiting_HO9cY .Step_step_HO9cY{color:var(--stepper-default-text-color);color:var(--stepper-waiting-color)}.Step_step-wrapper_HO9cY.Step_waiting_HO9cY:hover .Step_step_HO9cY{border:2px solid var(--stepper-waiting-hover-color);color:var(--stepper-waiting-hover-color)}.Step_step-wrapper_HO9cY.Step_waiting_HO9cY:active .Step_step_HO9cY{border:2px solid var(--stepper-waiting-active-color);color:var(--stepper-waiting-active-color)}.Step_step-wrapper_HO9cY.Step_waiting_HO9cY.Step_disabled_HO9cY{cursor:not-allowed}.Step_step-wrapper_HO9cY.Step_waiting_HO9cY.Step_disabled_HO9cY .Step_step_HO9cY{cursor:not-allowed;border:2px solid var(--stepper-waiting-disabled-color);color:var(--stepper-waiting-disabled-color)}.Step_step-wrapper_HO9cY.Step_waiting_HO9cY.Step_disabled_HO9cY .Step_label_HO9cY{cursor:not-allowed;color:var(--stepper-label-disabled-color)}.Step_step-wrapper_HO9cY.Step_waiting_HO9cY.Step_disabled_HO9cY .Step_label_HO9cY .Step_caption_HO9cY{color:var(--stepper-caption-disabled-color)}.Step_step-wrapper_HO9cY.Step_waiting_HO9cY.Step_disabled_HO9cY .Step_stepper-line_HO9cY{background-color:var(--stepper-line-disabled-color)}.Step_step-wrapper_HO9cY.Step_current_HO9cY .Step_step_HO9cY{color:var(--stepper-default-text-color);background-color:var(--stepper-current-color);border-color:var(--stepper-current-color)}.Step_step-wrapper_HO9cY.Step_current_HO9cY:hover .Step_step_HO9cY{border-color:var(--stepper-current-hover-color);background-color:var(--stepper-current-hover-color)}.Step_step-wrapper_HO9cY.Step_current_HO9cY:active .Step_step_HO9cY{border-color:var(--stepper-current-active-color);background-color:var(--stepper-current-active-color)}.Step_step-wrapper_HO9cY.Step_current_HO9cY.Step_disabled_HO9cY{cursor:not-allowed}.Step_step-wrapper_HO9cY.Step_current_HO9cY.Step_disabled_HO9cY .Step_step_HO9cY{cursor:not-allowed;border-color:var(--stepper-current-disabled-color);background-color:var(--stepper-current-disabled-color)}.Step_step-wrapper_HO9cY.Step_current_HO9cY.Step_disabled_HO9cY .Step_label_HO9cY{cursor:not-allowed;color:var(--stepper-label-disabled-color)}.Step_step-wrapper_HO9cY.Step_current_HO9cY.Step_disabled_HO9cY .Step_label_HO9cY .Step_caption_HO9cY{color:var(--stepper-caption-disabled-color)}.Step_step-wrapper_HO9cY.Step_current_HO9cY.Step_disabled_HO9cY .Step_stepper-line_HO9cY{background-color:var(--stepper-line-disabled-color)}.Step_step-wrapper_HO9cY.Step_current_HO9cY .Step_label_HO9cY{font-weight:700}.Step_step-wrapper_HO9cY.Step_current_HO9cY .Step_label_HO9cY .Step_caption_HO9cY{font-weight:400}.Step_step-wrapper_HO9cY.Step_done_HO9cY .Step_step_HO9cY{color:var(--stepper-default-text-color);background-color:var(--stepper-done-color);border-color:var(--stepper-done-color)}.Step_step-wrapper_HO9cY.Step_done_HO9cY .Step_stepper-line_HO9cY{background-color:var(--stepper-line-bold-color)}.Step_step-wrapper_HO9cY.Step_done_HO9cY:hover .Step_step_HO9cY{border-color:var(--stepper-done-hover-color);background-color:var(--stepper-done-hover-color)}.Step_step-wrapper_HO9cY.Step_done_HO9cY:active .Step_step_HO9cY{border-color:var(--stepper-done-active-color);background-color:var(--stepper-done-active-color)}.Step_step-wrapper_HO9cY.Step_done_HO9cY.Step_disabled_HO9cY{cursor:not-allowed}.Step_step-wrapper_HO9cY.Step_done_HO9cY.Step_disabled_HO9cY .Step_step_HO9cY{cursor:not-allowed;border-color:var(--stepper-done-disabled-color);background-color:var(--stepper-done-disabled-color)}.Step_step-wrapper_HO9cY.Step_done_HO9cY.Step_disabled_HO9cY .Step_label_HO9cY{cursor:not-allowed;color:var(--stepper-label-disabled-color)}.Step_step-wrapper_HO9cY.Step_done_HO9cY.Step_disabled_HO9cY .Step_label_HO9cY .Step_caption_HO9cY{color:var(--stepper-caption-disabled-color)}.Step_step-wrapper_HO9cY.Step_done_HO9cY.Step_disabled_HO9cY .Step_stepper-line_HO9cY{background-color:var(--stepper-line-bold-disabled-color)}.Step_step-wrapper_HO9cY.Step_error_HO9cY .Step_step_HO9cY{color:var(--stepper-default-text-color);background-color:var(--stepper-error-color);border-color:var(--stepper-error-color)}.Step_step-wrapper_HO9cY.Step_error_HO9cY:hover .Step_step_HO9cY{border-color:var(--stepper-error-hover-color);background-color:var(--stepper-error-hover-color)}.Step_step-wrapper_HO9cY.Step_error_HO9cY:active .Step_step_HO9cY{border-color:var(--stepper-error-active-color);background-color:var(--stepper-error-active-color)}.Step_step-wrapper_HO9cY.Step_error_HO9cY.Step_disabled_HO9cY{cursor:not-allowed}.Step_step-wrapper_HO9cY.Step_error_HO9cY.Step_disabled_HO9cY .Step_step_HO9cY{cursor:not-allowed;border-color:var(--stepper-error-disabled-color);background-color:var(--stepper-error-disabled-color)}.Step_step-wrapper_HO9cY.Step_error_HO9cY.Step_disabled_HO9cY .Step_label_HO9cY{cursor:not-allowed;color:var(--stepper-label-disabled-color)}.Step_step-wrapper_HO9cY.Step_error_HO9cY.Step_disabled_HO9cY .Step_label_HO9cY .Step_caption_HO9cY{color:var(--stepper-caption-error-disabled-color)}.Step_step-wrapper_HO9cY.Step_error_HO9cY.Step_disabled_HO9cY .Step_stepper-line_HO9cY{background-color:var(--stepper-line-disabled-color)}.Step_step-wrapper_HO9cY.Step_error_HO9cY .Step_label_HO9cY .Step_caption_HO9cY{color:var(--stepper-caption-error-color)}.Step_step_HO9cY{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_HO9cY{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_HO9cY:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:"1px";border-radius:var(--focus-border-radius)}.Step_caption_HO9cY{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_HO9cY",t="Step_horizontal_HO9cY",p="Step_label_HO9cY",r="Step_step_HO9cY",o="Step_vertical_HO9cY",_="Step_waiting_HO9cY",s="Step_disabled_HO9cY",i="Step_caption_HO9cY",l="Step_current_HO9cY",n="Step_done_HO9cY",c="Step_error_HO9cY",a={"sr-only":"Step_sr-only_HO9cY",hidden:e,"slide-in":"Step_slide-in_HO9cY","slide-out":"Step_slide-out_HO9cY","step-wrapper":"Step_step-wrapper_HO9cY",horizontal:t,"stepper-line":"Step_stepper-line_HO9cY",label:p,"text-bottom":"Step_text-bottom_HO9cY",step:r,"label-inner-wrapper":"Step_label-inner-wrapper_HO9cY","last-step":"Step_last-step_HO9cY","stepper-line-extender":"Step_stepper-line-extender_HO9cY",vertical:o,"has-caption":"Step_has-caption_HO9cY",waiting:_,disabled:s,caption:i,current:l,done:n,error:c};exports.caption=i,exports.current=l,exports.default=a,exports.disabled=s,exports.done=n,exports.error=c,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 DELETED Viewed

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

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

@@ -1,50 +0,0 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.Step_sr-only_HO9cY{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Step_hidden_HO9cY{display:none}.Step_slide-in_HO9cY{animation:Step_slide-in_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Step_slide-in_HO9cY{animation-duration:.1ms}}.Step_slide-out_HO9cY{animation:Step_slide-out_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.Step_slide-out_HO9cY{animation-duration:.1ms}}@keyframes Step_slide-in_HO9cY{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Step_slide-out_HO9cY{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_HO9cY{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_HO9cY.Step_horizontal_HO9cY{grid-template-columns:1.875rem auto 1fr;grid-template-rows:auto 1fr;align-items:start;width:100%}.Step_step-wrapper_HO9cY.Step_horizontal_HO9cY .Step_stepper-line_HO9cY{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_HO9cY.Step_horizontal_HO9cY .Step_label_HO9cY{margin-top:.25rem}.Step_step-wrapper_HO9cY.Step_horizontal_HO9cY.Step_text-bottom_HO9cY{grid-template-columns:5rem 1fr;gap:0}.Step_step-wrapper_HO9cY.Step_horizontal_HO9cY.Step_text-bottom_HO9cY .Step_step_HO9cY{justify-self:center}.Step_step-wrapper_HO9cY.Step_horizontal_HO9cY.Step_text-bottom_HO9cY .Step_label_HO9cY{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_HO9cY.Step_horizontal_HO9cY.Step_text-bottom_HO9cY .Step_stepper-line_HO9cY{margin-right:-1.125rem;margin-left:-1.125rem;width:calc(100% + 2.25rem)}.Step_step-wrapper_HO9cY.Step_horizontal_HO9cY.Step_text-bottom_HO9cY .Step_label-inner-wrapper_HO9cY{display:inline}.Step_step-wrapper_HO9cY.Step_horizontal_HO9cY.Step_text-bottom_HO9cY.Step_last-step_HO9cY{justify-content:center;grid-template-columns:5rem;grid-template-rows:auto 1fr;flex:1 0 5rem;display:grid}.Step_step-wrapper_HO9cY.Step_horizontal_HO9cY.Step_text-bottom_HO9cY.Step_last-step_HO9cY .Step_label_HO9cY{width:auto}.Step_step-wrapper_HO9cY.Step_horizontal_HO9cY.Step_last-step_HO9cY{display:flex;width:-webkit-max-content;width:max-content}.Step_step-wrapper_HO9cY.Step_horizontal_HO9cY.Step_last-step_HO9cY .Step_label_HO9cY{width:-webkit-max-content;width:max-content}.Step_step-wrapper_HO9cY.Step_horizontal_HO9cY .Step_label-inner-wrapper_HO9cY{display:flex}.Step_step-wrapper_HO9cY.Step_horizontal_HO9cY .Step_stepper-line-extender_HO9cY{display:block;flex:1;margin-left:.4375rem;margin-right:-1rem;margin-top:.5625rem}.Step_step-wrapper_HO9cY .Step_stepper-line_HO9cY{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_HO9cY.Step_vertical_HO9cY.Step_has-caption_HO9cY .Step_stepper-line_HO9cY{min-height:1.375rem}.Step_step-wrapper_HO9cY.Step_waiting_HO9cY .Step_step_HO9cY{color:var(--stepper-default-text-color);color:var(--stepper-waiting-color)}.Step_step-wrapper_HO9cY.Step_waiting_HO9cY:hover .Step_step_HO9cY{border:2px solid var(--stepper-waiting-hover-color);color:var(--stepper-waiting-hover-color)}.Step_step-wrapper_HO9cY.Step_waiting_HO9cY:active .Step_step_HO9cY{border:2px solid var(--stepper-waiting-active-color);color:var(--stepper-waiting-active-color)}.Step_step-wrapper_HO9cY.Step_waiting_HO9cY.Step_disabled_HO9cY{cursor:not-allowed}.Step_step-wrapper_HO9cY.Step_waiting_HO9cY.Step_disabled_HO9cY .Step_step_HO9cY{cursor:not-allowed;border:2px solid var(--stepper-waiting-disabled-color);color:var(--stepper-waiting-disabled-color)}.Step_step-wrapper_HO9cY.Step_waiting_HO9cY.Step_disabled_HO9cY .Step_label_HO9cY{cursor:not-allowed;color:var(--stepper-label-disabled-color)}.Step_step-wrapper_HO9cY.Step_waiting_HO9cY.Step_disabled_HO9cY .Step_label_HO9cY .Step_caption_HO9cY{color:var(--stepper-caption-disabled-color)}.Step_step-wrapper_HO9cY.Step_waiting_HO9cY.Step_disabled_HO9cY .Step_stepper-line_HO9cY{background-color:var(--stepper-line-disabled-color)}.Step_step-wrapper_HO9cY.Step_current_HO9cY .Step_step_HO9cY{color:var(--stepper-default-text-color);background-color:var(--stepper-current-color);border-color:var(--stepper-current-color)}.Step_step-wrapper_HO9cY.Step_current_HO9cY:hover .Step_step_HO9cY{border-color:var(--stepper-current-hover-color);background-color:var(--stepper-current-hover-color)}.Step_step-wrapper_HO9cY.Step_current_HO9cY:active .Step_step_HO9cY{border-color:var(--stepper-current-active-color);background-color:var(--stepper-current-active-color)}.Step_step-wrapper_HO9cY.Step_current_HO9cY.Step_disabled_HO9cY{cursor:not-allowed}.Step_step-wrapper_HO9cY.Step_current_HO9cY.Step_disabled_HO9cY .Step_step_HO9cY{cursor:not-allowed;border-color:var(--stepper-current-disabled-color);background-color:var(--stepper-current-disabled-color)}.Step_step-wrapper_HO9cY.Step_current_HO9cY.Step_disabled_HO9cY .Step_label_HO9cY{cursor:not-allowed;color:var(--stepper-label-disabled-color)}.Step_step-wrapper_HO9cY.Step_current_HO9cY.Step_disabled_HO9cY .Step_label_HO9cY .Step_caption_HO9cY{color:var(--stepper-caption-disabled-color)}.Step_step-wrapper_HO9cY.Step_current_HO9cY.Step_disabled_HO9cY .Step_stepper-line_HO9cY{background-color:var(--stepper-line-disabled-color)}.Step_step-wrapper_HO9cY.Step_current_HO9cY .Step_label_HO9cY{font-weight:700}.Step_step-wrapper_HO9cY.Step_current_HO9cY .Step_label_HO9cY .Step_caption_HO9cY{font-weight:400}.Step_step-wrapper_HO9cY.Step_done_HO9cY .Step_step_HO9cY{color:var(--stepper-default-text-color);background-color:var(--stepper-done-color);border-color:var(--stepper-done-color)}.Step_step-wrapper_HO9cY.Step_done_HO9cY .Step_stepper-line_HO9cY{background-color:var(--stepper-line-bold-color)}.Step_step-wrapper_HO9cY.Step_done_HO9cY:hover .Step_step_HO9cY{border-color:var(--stepper-done-hover-color);background-color:var(--stepper-done-hover-color)}.Step_step-wrapper_HO9cY.Step_done_HO9cY:active .Step_step_HO9cY{border-color:var(--stepper-done-active-color);background-color:var(--stepper-done-active-color)}.Step_step-wrapper_HO9cY.Step_done_HO9cY.Step_disabled_HO9cY{cursor:not-allowed}.Step_step-wrapper_HO9cY.Step_done_HO9cY.Step_disabled_HO9cY .Step_step_HO9cY{cursor:not-allowed;border-color:var(--stepper-done-disabled-color);background-color:var(--stepper-done-disabled-color)}.Step_step-wrapper_HO9cY.Step_done_HO9cY.Step_disabled_HO9cY .Step_label_HO9cY{cursor:not-allowed;color:var(--stepper-label-disabled-color)}.Step_step-wrapper_HO9cY.Step_done_HO9cY.Step_disabled_HO9cY .Step_label_HO9cY .Step_caption_HO9cY{color:var(--stepper-caption-disabled-color)}.Step_step-wrapper_HO9cY.Step_done_HO9cY.Step_disabled_HO9cY .Step_stepper-line_HO9cY{background-color:var(--stepper-line-bold-disabled-color)}.Step_step-wrapper_HO9cY.Step_error_HO9cY .Step_step_HO9cY{color:var(--stepper-default-text-color);background-color:var(--stepper-error-color);border-color:var(--stepper-error-color)}.Step_step-wrapper_HO9cY.Step_error_HO9cY:hover .Step_step_HO9cY{border-color:var(--stepper-error-hover-color);background-color:var(--stepper-error-hover-color)}.Step_step-wrapper_HO9cY.Step_error_HO9cY:active .Step_step_HO9cY{border-color:var(--stepper-error-active-color);background-color:var(--stepper-error-active-color)}.Step_step-wrapper_HO9cY.Step_error_HO9cY.Step_disabled_HO9cY{cursor:not-allowed}.Step_step-wrapper_HO9cY.Step_error_HO9cY.Step_disabled_HO9cY .Step_step_HO9cY{cursor:not-allowed;border-color:var(--stepper-error-disabled-color);background-color:var(--stepper-error-disabled-color)}.Step_step-wrapper_HO9cY.Step_error_HO9cY.Step_disabled_HO9cY .Step_label_HO9cY{cursor:not-allowed;color:var(--stepper-label-disabled-color)}.Step_step-wrapper_HO9cY.Step_error_HO9cY.Step_disabled_HO9cY .Step_label_HO9cY .Step_caption_HO9cY{color:var(--stepper-caption-error-disabled-color)}.Step_step-wrapper_HO9cY.Step_error_HO9cY.Step_disabled_HO9cY .Step_stepper-line_HO9cY{background-color:var(--stepper-line-disabled-color)}.Step_step-wrapper_HO9cY.Step_error_HO9cY .Step_label_HO9cY .Step_caption_HO9cY{color:var(--stepper-caption-error-color)}.Step_step_HO9cY{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_HO9cY{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_HO9cY:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:"1px";border-radius:var(--focus-border-radius)}.Step_caption_HO9cY{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_HO9cY";
-const horizontal = "Step_horizontal_HO9cY";
-const label = "Step_label_HO9cY";
-const step = "Step_step_HO9cY";
-const vertical = "Step_vertical_HO9cY";
-const waiting = "Step_waiting_HO9cY";
-const disabled = "Step_disabled_HO9cY";
-const caption = "Step_caption_HO9cY";
-const current = "Step_current_HO9cY";
-const done = "Step_done_HO9cY";
-const error = "Step_error_HO9cY";
-const classes = {
-  "sr-only": "Step_sr-only_HO9cY",
-  hidden,
-  "slide-in": "Step_slide-in_HO9cY",
-  "slide-out": "Step_slide-out_HO9cY",
-  "step-wrapper": "Step_step-wrapper_HO9cY",
-  horizontal,
-  "stepper-line": "Step_stepper-line_HO9cY",
-  label,
-  "text-bottom": "Step_text-bottom_HO9cY",
-  step,
-  "label-inner-wrapper": "Step_label-inner-wrapper_HO9cY",
-  "last-step": "Step_last-step_HO9cY",
-  "stepper-line-extender": "Step_stepper-line-extender_HO9cY",
-  vertical,
-  "has-caption": "Step_has-caption_HO9cY",
-  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 DELETED Viewed

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

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

	@@ -1,2 +0,0 @@
1	- "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}))))};
2	- //# sourceMappingURL=Stepper.cjs.js.map

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

@@ -1 +0,0 @@

- {"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 DELETED Viewed

@@ -1,30 +0,0 @@
-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 DELETED Viewed

@@ -1 +0,0 @@

- {"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 DELETED Viewed

@@ -1,3 +0,0 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".Stepper_stepper_HO9cY{display:flex;gap:.5rem;justify-content:flex-start;width:auto;flex-direction:column}.Stepper_stepper_HO9cY.Stepper_horizontal_HO9cY{justify-content:center;flex-direction:row;width:100%}.Stepper_stepper_HO9cY.Stepper_horizontal_HO9cY.Stepper_text-bottom_HO9cY{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_HO9cY",t="Stepper_horizontal_HO9cY",o={stepper:e,horizontal:t,"text-bottom":"Stepper_text-bottom_HO9cY"};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 DELETED Viewed

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

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

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

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

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

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

	@@ -1,2 +0,0 @@
1	- "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);
2	- //# sourceMappingURL=Tab.cjs.js.map

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

@@ -1 +0,0 @@

- {"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 DELETED Viewed

@@ -1,18 +0,0 @@
-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 DELETED Viewed

@@ -1 +0,0 @@

- {"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 DELETED Viewed

@@ -1,3 +0,0 @@
-!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_HO9cY{display:none}.Tab_tab_HO9cY:focus-visible{outline-color:var(--color-focus)}.Tab_tab_HO9cY.Tab_selected_HO9cY{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_HO9cY",t="Tab_selected_HO9cY",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 DELETED Viewed

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

package/dist/components/Tabs/Tab.module.scss.es.js DELETED Viewed

@@ -1,13 +0,0 @@
-!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_HO9cY{display:none}.Tab_tab_HO9cY:focus-visible{outline-color:var(--color-focus)}.Tab_tab_HO9cY.Tab_selected_HO9cY{display:block}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
-const tab = "Tab_tab_HO9cY";
-const selected = "Tab_selected_HO9cY";
-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 DELETED Viewed

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

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

	@@ -1,2 +0,0 @@
1	- "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;
2	- //# sourceMappingURL=TabButton.cjs.js.map

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

@@ -1 +0,0 @@

- {"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 DELETED Viewed

@@ -1,32 +0,0 @@
-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 DELETED Viewed

@@ -1 +0,0 @@

- {"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 DELETED Viewed

@@ -1,3 +0,0 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.TabButton_sr-only_HO9cY{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.TabButton_hidden_HO9cY{display:none}.TabButton_slide-in_HO9cY{animation:TabButton_slide-in_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.TabButton_slide-in_HO9cY{animation-duration:.1ms}}.TabButton_slide-out_HO9cY{animation:TabButton_slide-out_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.TabButton_slide-out_HO9cY{animation-duration:.1ms}}@keyframes TabButton_slide-in_HO9cY{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes TabButton_slide-out_HO9cY{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_HO9cY{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_HO9cY:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.TabButton_tabbutton_HO9cY:where(:focus-visible){z-index:1}.TabButton_tabbutton_HO9cY:hover{background-color:var(--tab-hover-color)}.TabButton_tabbutton_HO9cY:active{background-color:var(--tab-pressed-color)}.TabButton_tabbutton_HO9cY.TabButton_selected_HO9cY{color:var(--tab-active-text-color)}.TabButton_tabbutton_HO9cY.TabButton_fluid_HO9cY{flex:1}.TabButton_tabbutton_HO9cY.TabButton_has-icon_HO9cY{gap:calc(.25 * var(--font-size));display:inline-flex;align-items:center}.TabButton_tabbutton_HO9cY.TabButton_has-icon_HO9cY i{display:flex}.TabButton_tabbutton_HO9cY.TabButton_has-icon_HO9cY span[data-icon]{display:inline-block;font-size:var(--font-size-big);width:var(--font-size-big)}.TabButton_tabbutton_HO9cY.TabButton_has-icon_HO9cY.TabButton_top-icon_HO9cY,.TabButton_tabbutton_HO9cY.TabButton_has-icon_HO9cY.TabButton_bottom-icon_HO9cY{flex-direction:column}.TabButton_tabbutton_HO9cY.TabButton_has-icon_HO9cY.TabButton_left-icon_HO9cY i,.TabButton_tabbutton_HO9cY.TabButton_has-icon_HO9cY.TabButton_top-icon_HO9cY 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_HO9cY",o="TabButton_tabbutton_HO9cY",e="TabButton_selected_HO9cY",n="TabButton_fluid_HO9cY",c={"sr-only":"TabButton_sr-only_HO9cY",hidden:t,"slide-in":"TabButton_slide-in_HO9cY","slide-out":"TabButton_slide-out_HO9cY",tabbutton:o,selected:e,fluid:n,"has-icon":"TabButton_has-icon_HO9cY","top-icon":"TabButton_top-icon_HO9cY","bottom-icon":"TabButton_bottom-icon_HO9cY","left-icon":"TabButton_left-icon_HO9cY"};exports.default=c,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 DELETED Viewed

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

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

@@ -1,26 +0,0 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.TabButton_sr-only_HO9cY{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.TabButton_hidden_HO9cY{display:none}.TabButton_slide-in_HO9cY{animation:TabButton_slide-in_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.TabButton_slide-in_HO9cY{animation-duration:.1ms}}.TabButton_slide-out_HO9cY{animation:TabButton_slide-out_HO9cY .5s forwards}@media (prefers-reduced-motion: reduce){.TabButton_slide-out_HO9cY{animation-duration:.1ms}}@keyframes TabButton_slide-in_HO9cY{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes TabButton_slide-out_HO9cY{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_HO9cY{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_HO9cY:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.TabButton_tabbutton_HO9cY:where(:focus-visible){z-index:1}.TabButton_tabbutton_HO9cY:hover{background-color:var(--tab-hover-color)}.TabButton_tabbutton_HO9cY:active{background-color:var(--tab-pressed-color)}.TabButton_tabbutton_HO9cY.TabButton_selected_HO9cY{color:var(--tab-active-text-color)}.TabButton_tabbutton_HO9cY.TabButton_fluid_HO9cY{flex:1}.TabButton_tabbutton_HO9cY.TabButton_has-icon_HO9cY{gap:calc(.25 * var(--font-size));display:inline-flex;align-items:center}.TabButton_tabbutton_HO9cY.TabButton_has-icon_HO9cY i{display:flex}.TabButton_tabbutton_HO9cY.TabButton_has-icon_HO9cY span[data-icon]{display:inline-block;font-size:var(--font-size-big);width:var(--font-size-big)}.TabButton_tabbutton_HO9cY.TabButton_has-icon_HO9cY.TabButton_top-icon_HO9cY,.TabButton_tabbutton_HO9cY.TabButton_has-icon_HO9cY.TabButton_bottom-icon_HO9cY{flex-direction:column}.TabButton_tabbutton_HO9cY.TabButton_has-icon_HO9cY.TabButton_left-icon_HO9cY i,.TabButton_tabbutton_HO9cY.TabButton_has-icon_HO9cY.TabButton_top-icon_HO9cY i{order:-1}')),document.head.appendChild(t)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
-const hidden = "TabButton_hidden_HO9cY";
-const tabbutton = "TabButton_tabbutton_HO9cY";
-const selected = "TabButton_selected_HO9cY";
-const fluid = "TabButton_fluid_HO9cY";
-const classes = {
-  "sr-only": "TabButton_sr-only_HO9cY",
-  hidden,
-  "slide-in": "TabButton_slide-in_HO9cY",
-  "slide-out": "TabButton_slide-out_HO9cY",
-  tabbutton,
-  selected,
-  fluid,
-  "has-icon": "TabButton_has-icon_HO9cY",
-  "top-icon": "TabButton_top-icon_HO9cY",
-  "bottom-icon": "TabButton_bottom-icon_HO9cY",
-  "left-icon": "TabButton_left-icon_HO9cY"
-};
-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 DELETED Viewed

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

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

	@@ -1,2 +0,0 @@
1	- "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"),a=e.forwardRef((({children:a,selected:o=0,onTabChange:l,className:s,fluid:n,tabListClassName:i,align:c,iconsPosition:u="left",tabChanging:d,...f},p)=>{const[b,h]=e.useState([]),[m,y]=e.useState([]),[w,g]=e.useState(o),[v,S]=e.useState(!1),[C,E]=e.useState({width:0,left:0,top:0}),j=p\|\|e.createRef(),k=e.useRef(null),T=async e=>{var t,r;try{if("function"==typeof d&&!(await Promise.resolve(d(e,w)))){const e=null==(t=j.current)?void 0:t.querySelectorAll('button[role="tab"]');return void(null==(r=null==e?void 0:e[w])\|\|r.focus())}g(e),null==l\|\|l(e)}catch(a){}};e.useEffect((()=>{j.current&&b.length&&(()=>{if(j.current){const e=j.current.querySelectorAll('button[role="tab"]')[w];E({left:e.offsetLeft,top:e.offsetTop+e.offsetHeight-k.current.offsetHeight-parseInt(getComputedStyle(e).borderBottomWidth),width:e.offsetWidth})}})()}),[j.current,w,b]),e.useEffect((()=>{const r=e.Children.map(a,((r,a)=>Object.prototype.hasOwnProperty.call(r.props,"title")?e.createElement(t.TabButton,{key:`${r.props.title.toLowerCase().replace(/\s/,"_")}_button`,tabIndex:w===a?0:-1,"aria-selected":w===a,focused:v&&w===a,tabActive:w===a,"aria-controls":`tab_${a}`,onClick:()=>{T(a)},disabled:r.props.disabled,fluid:n,iconPosition:u,icon:r.props.icon},r.props.title):null)),o=e.Children.map(a,((t,r)=>Object.prototype.hasOwnProperty.call(t.props,"title")?e.cloneElement(t,{key:`${t.props.title.toLowerCase().replace(/\s/,"_")}_tab`,tabIndex:w===r?0:-1,tabActive:w===r,id:`tab_${r}`,children:t.props.children}):null));y(o),h(r)}),[w,n,c,u]);const A=[r.default.tablist];return c&&A.push(r.default[c]),i&&A.push(i),e.createElement("div",{...f,ref:j,className:`${r.default.tabs} ${s??""}`},e.createElement("div",{role:"tablist",className:A.join(" "),onKeyDown:e=>{const t=[a].flat().length;if(v\|\|S(!0),1!==t)switch(e.key){case"ArrowRight":T(w+1>t-1?0:w+1);break;case"ArrowLeft":T(w-1<0?t-1:w-1);break;case"Home":T(0);break;case"End":T(t-1);break;default:return}}},b,e.createElement("div",{className:r.default.indicator,ref:k,"aria-hidden":"true",tabIndex:-1,style:{width:C.width,left:C.left,top:C.top}})),e.createElement("div",null,m))}));exports.Tabs=a;
2	- //# sourceMappingURL=Tabs.cjs.js.map

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

@@ -1 +0,0 @@

- {"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}\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 ...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 [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 handleKeyDown = (e: React.KeyboardEvent) => {\n const totalAmountOfTabs = [children].flat().length;\n if (!usingKeyboardNavigation) {\n setUsingKeyboardNavigation(true);\n }\n if (totalAmountOfTabs === 1) {\n return;\n }\n\n switch (e.key) {\n case \"ArrowRight\": {\n const nextIndex = activeTabIndex + 1 > totalAmountOfTabs - 1 ? 0 : activeTabIndex + 1;\n void handleTabClick(nextIndex);\n break;\n }\n case \"ArrowLeft\": {\n const prevIndex = activeTabIndex - 1 < 0 ? totalAmountOfTabs - 1 : activeTabIndex - 1;\n void handleTabClick(prevIndex);\n break;\n }\n case \"Home\":\n void handleTabClick(0);\n break;\n case \"End\":\n void handleTabClick(totalAmountOfTabs - 1);\n break;\n default:\n return;\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 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 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: activeTabIndex === index ? 0 : -1,\n \"aria-selected\": activeTabIndex === index,\n focused: usingKeyboardNavigation && activeTabIndex === index,\n tabActive: activeTabIndex === index,\n \"aria-controls\": `tab_${index}`,\n onClick: () => {\n void handleTabClick(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, 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 role=\"tablist\" className={tabListClasses.join(\" \")} onKeyDown={handleKeyDown}>\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","rest","ref","renderedButtons","setRenderedButtons","useState","renderedTabs","setRenderedTabs","activeTabIndex","setActiveTabIndex","usingKeyboardNavigation","setUsingKeyboardNavigation","indicatorStyles","setIndicatorStyles","width","left","top","tabsRef","createRef","indicatorRef","useRef","handleTabClick","async","newIndex","Promise","resolve","buttons","_a","current","querySelectorAll","_b","focus","error","useEffect","length","selectedButton","offsetLeft","offsetTop","offsetHeight","parseInt","getComputedStyle","borderBottomWidth","offsetWidth","calculateIndicatorPosition","Children","map","child","index","Object","prototype","hasOwnProperty","call","props","createElement","TabButton","key","title","toLowerCase","replace","tabIndex","focused","tabActive","onClick","disabled","iconPosition","icon","tabs","cloneElement","id","tabListClasses","classes","push","default","role","join","onKeyDown","e","totalAmountOfTabs","flat","style"],"mappings":"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"}

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

@@ -1,148 +0,0 @@
-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,
-  ...rest
-}, ref) => {
-  const [renderedButtons, setRenderedButtons] = useState([]);
-  const [renderedTabs, setRenderedTabs] = useState([]);
-  const [activeTabIndex, setActiveTabIndex] = 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 handleKeyDown = (e) => {
-    const totalAmountOfTabs = [children].flat().length;
-    if (!usingKeyboardNavigation) {
-      setUsingKeyboardNavigation(true);
-    }
-    if (totalAmountOfTabs === 1) {
-      return;
-    }
-    switch (e.key) {
-      case "ArrowRight": {
-        const nextIndex = activeTabIndex + 1 > totalAmountOfTabs - 1 ? 0 : activeTabIndex + 1;
-        void handleTabClick(nextIndex);
-        break;
-      }
-      case "ArrowLeft": {
-        const prevIndex = activeTabIndex - 1 < 0 ? totalAmountOfTabs - 1 : activeTabIndex - 1;
-        void handleTabClick(prevIndex);
-        break;
-      }
-      case "Home":
-        void handleTabClick(0);
-        break;
-      case "End":
-        void handleTabClick(totalAmountOfTabs - 1);
-        break;
-      default:
-        return;
-    }
-  };
-  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) {
-        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(() => {
-    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: activeTabIndex === index ? 0 : -1,
-            "aria-selected": activeTabIndex === index,
-            focused: usingKeyboardNavigation && activeTabIndex === index,
-            tabActive: activeTabIndex === index,
-            "aria-controls": `tab_${index}`,
-            onClick: () => {
-              void handleTabClick(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, 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", className: tabListClasses.join(" "), onKeyDown: handleKeyDown }, 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 DELETED Viewed

@@ -1 +0,0 @@

- {"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}\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 ...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 [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 handleKeyDown = (e: React.KeyboardEvent) => {\n const totalAmountOfTabs = [children].flat().length;\n if (!usingKeyboardNavigation) {\n setUsingKeyboardNavigation(true);\n }\n if (totalAmountOfTabs === 1) {\n return;\n }\n\n switch (e.key) {\n case \"ArrowRight\": {\n const nextIndex = activeTabIndex + 1 > totalAmountOfTabs - 1 ? 0 : activeTabIndex + 1;\n void handleTabClick(nextIndex);\n break;\n }\n case \"ArrowLeft\": {\n const prevIndex = activeTabIndex - 1 < 0 ? totalAmountOfTabs - 1 : activeTabIndex - 1;\n void handleTabClick(prevIndex);\n break;\n }\n case \"Home\":\n void handleTabClick(0);\n break;\n case \"End\":\n void handleTabClick(totalAmountOfTabs - 1);\n break;\n default:\n return;\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 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 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: activeTabIndex === index ? 0 : -1,\n \"aria-selected\": activeTabIndex === index,\n focused: usingKeyboardNavigation && activeTabIndex === index,\n tabActive: activeTabIndex === index,\n \"aria-controls\": `tab_${index}`,\n onClick: () => {\n void handleTabClick(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, 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 role=\"tablist\" className={tabListClasses.join(\" \")} onKeyDown={handleKeyDown}>\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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"}