wabtec-internal-volt-basic-components 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,82 @@
+[![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)](https://stenciljs.com)
+
+# Installation
+
+### Depedencies:
+- Node vesion 16.14
+- Yarn
+
+### Pupeteer variable:
+- Go to the terminal and run: 
+```
+Install puppeteer
+export PUPPETEER_SKIP_DOWNLOAD=true
+```
+
+### NPM config
+- Create a new file in the project root named ".npmrc"
+- Use the following template into the file:
+```
+@volt:registry=https://gitlab.corp.wabtec.com/api/v4/packages/npm/
+//gitlab.corp.wabtec.com/api/v4/packages/npm/:_authToken={{yourToken}}
+//gitlab.corp.wabtec.com/api/v4/projects/2244/packages/npm/:_authToken={{yourToken}}
+```
+- Do you need help to get your token?, follow the instructions  here -> https://docs.gitlab.com/ee/user/profile/personal_access_tokens.html
+
+### Run the server
+```
+yarn install
+yarn start
+```
+
+# Stencil
+
+Stencil is a compiler for building fast web apps using Web Components.
+
+Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool.  Stencil takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that run in any browser supporting the Custom Elements v1 spec.
+
+Stencil components are just Web Components, so they work in any major framework or with no framework at all.
+
+
+To build the component for production, run:
+
+```bash
+npm run build
+```
+
+To run the unit tests for the components, run:
+
+```bash
+npm test
+```
+
+Need help? Check out our docs [here](https://stenciljs.com/docs/my-first-component).
+
+
+## Naming Components
+
+When creating new component tags, we recommend _not_ using `stencil` in the component name (ex: `<stencil-datepicker>`). This is because the generated component has little to nothing to do with Stencil; it's just a web component!
+
+Instead, use a prefix that fits your company or any name for a group of related components. For example, all of the Ionic generated web components use the prefix `ion`.
+
+
+## Using this component
+
+There are three strategies we recommend for using web components built with Stencil.
+
+The first step for all three of these strategies is to [publish to NPM](https://docs.npmjs.com/getting-started/publishing-npm-packages).
+
+### Script tag
+
+- Put a script tag similar to this `<script type='module' src='https://unpkg.com/my-component@0.0.1/dist/my-component.esm.js'></script>` in the head of your index.html
+- Then you can use the element anywhere in your template, JSX, html etc
+
+### Node Modules
+- Run `npm install my-component --save`
+- Put a script tag similar to this `<script type='module' src='node_modules/my-component/dist/my-component.esm.js'></script>` in the head of your index.html
+- Then you can use the element anywhere in your template, JSX, html etc
+
+### In a stencil-starter app
+- Run `npm install my-component --save`
+- Add an import to the npm packages `import my-component;`
+- Then you can use the element anywhere in your template, JSX, html etc

package/dist/cjs/base-group-header-B_WUP7Tw.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var index = require('./index-D6D5vqj8.js');
+var combineClasses = require('./combine-classes-Cs05zl1M.js');
+
+/**
+ * Generates a group header container with a label.
+ *
+ * @param {GroupHeaderSize} size - The size of the group header.
+ * @param {string} value - The text value to display in the group header.
+ *
+ * @returns {HTMLStencilElement} The generated group header container.
+ */
+const generateGroupHeaderContainer = (size, value) => {
+    return (index.h("div", { class: combineClasses.combineClasses('vds-base-group-header', `vds-base-group-header--${size}`) },
+        index.h("span", { class: combineClasses.combineClasses('vds-base-group-header__label', `vds-base-group-header__label--${size}`) }, value ? value : index.h("slot", null))));
+};
+
+exports.generateGroupHeaderContainer = generateGroupHeaderContainer;
+//# sourceMappingURL=base-group-header-B_WUP7Tw.js.map
+
+//# sourceMappingURL=base-group-header-B_WUP7Tw.js.map

package/dist/cjs/base-group-header-B_WUP7Tw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-group-header-B_WUP7Tw.js","sources":["src/components/base-group-header/base-group-header.tsx"],"sourcesContent":["import { h, HTMLStencilElement } from '@stencil/core/internal';\nimport { combineClasses } from '../../utils/combine-classes';\n\nexport type GroupHeaderSize = 'small' | 'medium' | 'large';\n\n/**\n * Generates a group header container with a label.\n *\n * @param {GroupHeaderSize} size - The size of the group header.\n * @param {string} value - The text value to display in the group header.\n * \n * @returns {HTMLStencilElement} The generated group header container.\n */\nexport const generateGroupHeaderContainer = (\n  size: GroupHeaderSize,\n  value?: string\n): HTMLStencilElement => {\n  return (\n    <div class={combineClasses(\n      'vds-base-group-header',\n      `vds-base-group-header--${size}`\n    )}>\n      <span class={combineClasses(\n        'vds-base-group-header__label',\n        `vds-base-group-header__label--${size}`\n      )}>\n        {value ? value : <slot></slot>}\n      </span>\n    </div>\n  );\n};\n"],"names":["h","combineClasses"],"mappings":";;;;;AAKA;;;;;;;AAOG;MACU,4BAA4B,GAAG,CAC1C,IAAqB,EACrB,KAAc,KACQ;IACtB,QACEA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAEC,6BAAc,CACxB,uBAAuB,EACvB,CAAA,uBAAA,EAA0B,IAAI,CAAA,CAAE,CACjC,EAAA;QACCD,OAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAEC,6BAAc,CACzB,8BAA8B,EAC9B,CAAA,8BAAA,EAAiC,IAAI,CAAA,CAAE,CACxC,EAAA,EACE,KAAK,GAAG,KAAK,GAAGD,OAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CACzB,CACH;AAEV;;;;"}

package/dist/cjs/base-item-a4WG3Rk4.js

@@ -0,0 +1,121 @@
+'use strict';
+
+var index = require('./index-D6D5vqj8.js');
+var combineClasses = require('./combine-classes-Cs05zl1M.js');
+
+/**
+ * Gets the appropriate icon color based on the provided conditions.
+ *
+ * @param {boolean} disabled - Whether the icon is disabled.
+ * @param {boolean} isActive - Whether the icon is active.
+ * @param {boolean} [danger=false] - Whether the icon should indicate danger.
+ * @param {boolean} [isCheckbox=false] - Whether the icon is for a checkbox.
+ *
+ * @returns {IconColors} The CSS variable name for the icon color.
+ */
+const getIconColor = (disabled, isActive, danger = false, isCheckbox = false) => {
+    switch (true) {
+        case disabled:
+            return "color-icon-disabled";
+        case danger:
+            return "color-icon-danger";
+        case isActive:
+            return isCheckbox ? "color-icon-brand-default" : "color-icon-brand-press";
+        default:
+            return "color-icon-high";
+    }
+};
+/**
+ * Gets the appropriate icon size based on the provided size.
+ *
+ * @param {"small" | "medium" | "large"} size - The desired size of the icon.
+ *
+ * @returns {string} The CSS size value for the icon.
+ */
+const getIconSize = (size) => size === "medium" ? "1rem" : size === "small" ? "0.75rem" : "1.25rem";
+/**
+ * Generates a checkmark icon button based on the provided parameters.
+ *
+ * @param {boolean} isSelected - Whether the item is selected.
+ * @param {"medium" | "large"} size - The desired size of the icon.
+ * @param {boolean} disabled - Whether the icon is disabled.
+ * @param {boolean} isActive - Whether the icon is active.
+ * @param {boolean} danger - Whether the icon should indicate danger.
+ *
+ * @returns {HTMLStencilElement} The generated checkmark icon button.
+ */
+const generateCheckmarkIconButton = (isSelected, size, disabled, isActive, danger) => {
+    if (isSelected) {
+        return (index.h("div", { class: "vds-base-item__checkmark-icon" },
+            index.h("vds-icon", { "svg-icon": "good", size: getIconSize(size), color: getIconColor(disabled, isSelected || isActive, danger), alt: "Selected Item" })));
+    }
+    return (index.h("div", { class: `vds-base-item__checkmark-icon--empty-${size}` }));
+};
+/**
+ * Generates an informative icon based on the provided parameters.
+ *
+ * @param {string} icon - The name of the SVG icon to use.
+ * @param {string} value - The value associated with the icon.
+ * @param {"medium" | "large"} size - The desired size of the icon.
+ * @param {boolean} disabled - Whether the icon is disabled.
+ * @param {boolean} isActive - Whether the icon is active.
+ * @param {boolean} danger - Whether the icon should indicate danger.
+ *
+ * @returns {HTMLStencilElement} The generated informative icon.
+ */
+const generateInformativeIcon = (icon, value, size, disabled, isActive, danger) => {
+    return (index.h("div", { class: "vds-base-item__informative-icon" },
+        index.h("vds-icon", { "svg-icon": icon, size: getIconSize(size), color: getIconColor(disabled, isActive, danger), alt: value })));
+};
+/**
+ * Generates a checkbox icon based on the provided parameters.
+ *
+ * @param {boolean} isSelected - Whether the checkbox is selected.
+ * @param {"medium" | "large"} size - The desired size of the checkbox.
+ * @param {boolean} disabled - Whether the checkbox is disabled.
+ * @param {boolean} isActive - Whether the checkbox is active.
+ * @param {boolean} danger - Whether the checkbox should indicate danger.
+ *
+ * @returns {HTMLStencilElement} The generated checkbox icon.
+ */
+const generateCheckbox = (isSelected, size, disabled, isActive, danger) => {
+    return (index.h("div", { class: `vds-base-item__checkbox-icon-${size}` },
+        index.h("vds-icon", { "svg-icon": isSelected ? "checked" : "unchecked", class: combineClasses.combineClasses(isSelected ? "checkbox-icon-checked" : "", `checkbox-item-${size}`), size: getIconSize(size), color: getIconColor(disabled, isSelected || isActive, danger, true), alt: "checkbox-element" })));
+};
+/**
+ * Generates a label element based on the provided parameters.
+
+ * @param {string} label - The text content of the label.
+ * @param {"medium" | "large"} size - The desired size of the label.
+ * @param {boolean} disabled - Whether the label is disabled.
+ * @param {boolean} isActive - Whether the label is active.
+ * @param {boolean} danger - Whether the label should indicate danger.
+ *
+ * @returns {HTMLStencilElement} The generated label element.
+ */
+const generateLabel = (label, size, disabled, isActive, danger) => {
+    return (index.h("span", { class: combineClasses.combineClasses("vds-base-item__label", `vds-base-item__label--size-${size}`, disabled ? "vds-base-item__label--disabled" : "", isActive ? "vds-base-item__label--active" : "", danger ? "vds-base-item__label--danger" : "") }, label ? label : index.h("slot", null)));
+};
+/**
+ * Generates a children icon button based on the provided parameters.
+
+ * @param {"medium" | "large"} size - The desired size of the icon.
+ * @param {boolean} disabled - Whether the icon is disabled.
+ * @param {boolean} isActive - Whether the icon is active.
+ * @param {boolean} danger - Whether the icon should indicate danger.
+ *
+ * @returns {HTMLStencilElement} The generated children icon button.
+ */
+const generateChildrenIconButton = (size, disabled, isActive, danger) => {
+    return (index.h("div", { class: "vds-base-item__has-children-icon" },
+        index.h("vds-icon", { "svg-icon": "chevron-right", size: getIconSize(size), color: getIconColor(disabled, isActive, danger), alt: "Open menu" })));
+};
+
+exports.generateCheckbox = generateCheckbox;
+exports.generateCheckmarkIconButton = generateCheckmarkIconButton;
+exports.generateChildrenIconButton = generateChildrenIconButton;
+exports.generateInformativeIcon = generateInformativeIcon;
+exports.generateLabel = generateLabel;
+//# sourceMappingURL=base-item-a4WG3Rk4.js.map
+
+//# sourceMappingURL=base-item-a4WG3Rk4.js.map

package/dist/cjs/base-item-a4WG3Rk4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-item-a4WG3Rk4.js","sources":["src/components/base-item/base-item.tsx"],"sourcesContent":["import { h } from \"@stencil/core\";\nimport { HTMLStencilElement } from \"@stencil/core/internal\";\nimport { combineClasses } from \"../../utils/combine-classes\";\nimport { IconColors } from \"../../components\";\n\n/**\n * Gets the appropriate icon color based on the provided conditions.\n *\n * @param {boolean} disabled - Whether the icon is disabled.\n * @param {boolean} isActive - Whether the icon is active.\n * @param {boolean} [danger=false] - Whether the icon should indicate danger.\n * @param {boolean} [isCheckbox=false] - Whether the icon is for a checkbox.\n * \n * @returns {IconColors} The CSS variable name for the icon color.\n */\nconst getIconColor = (\n    disabled: boolean,\n    isActive: boolean,\n    danger: boolean = false,\n    isCheckbox: boolean = false\n): IconColors => {\n    switch(true) {\n        case disabled:\n            return \"color-icon-disabled\";\n        case danger:\n            return \"color-icon-danger\";\n        case isActive:\n            return isCheckbox ? \"color-icon-brand-default\" : \"color-icon-brand-press\";\n        default: \n            return \"color-icon-high\";\n    }\n}\n\n/**\n * Gets the appropriate icon size based on the provided size.\n *\n * @param {\"small\" | \"medium\" | \"large\"} size - The desired size of the icon.\n * \n * @returns {string} The CSS size value for the icon.\n */\nconst getIconSize = (size: \"small\" | \"medium\" | \"large\"): string => size === \"medium\" ? \"1rem\" : size === \"small\" ? \"0.75rem\" : \"1.25rem\"\n\n/**\n * Generates a checkmark icon button based on the provided parameters.\n *\n * @param {boolean} isSelected - Whether the item is selected.\n * @param {\"medium\" | \"large\"} size - The desired size of the icon.\n * @param {boolean} disabled - Whether the icon is disabled.\n * @param {boolean} isActive - Whether the icon is active.\n * @param {boolean} danger - Whether the icon should indicate danger.\n * \n * @returns {HTMLStencilElement} The generated checkmark icon button.\n */\nexport const generateCheckmarkIconButton = (\n    isSelected: boolean,\n    size: \"small\" | \"medium\" | \"large\",\n    disabled: boolean,\n    isActive: boolean,\n    danger: boolean\n): HTMLStencilElement => {\n    if (isSelected) {\n        return (\n            <div class=\"vds-base-item__checkmark-icon\">\n              <vds-icon\n                svg-icon=\"good\"\n                size={getIconSize(size)}\n                color={getIconColor(disabled, isSelected || isActive, danger)}\n                alt=\"Selected Item\"\n              />\n            </div>\n          );\n    }\n\n    return (\n        <div class={`vds-base-item__checkmark-icon--empty-${size}`}></div>\n    );\n}\n\n/**\n * Generates an informative icon based on the provided parameters.\n *\n * @param {string} icon - The name of the SVG icon to use.\n * @param {string} value - The value associated with the icon.\n * @param {\"medium\" | \"large\"} size - The desired size of the icon.\n * @param {boolean} disabled - Whether the icon is disabled.\n * @param {boolean} isActive - Whether the icon is active.\n * @param {boolean} danger - Whether the icon should indicate danger.\n * \n * @returns {HTMLStencilElement} The generated informative icon.\n */\nexport const generateInformativeIcon = (\n    icon: string,\n    value: string,\n    size: \"small\" | \"medium\" | \"large\",\n    disabled: boolean,\n    isActive: boolean,\n    danger: boolean\n): HTMLStencilElement => {\n    return (\n        <div class=\"vds-base-item__informative-icon\">            \n          <vds-icon\n            svg-icon={icon}\n            size={getIconSize(size)}\n            color={getIconColor(disabled, isActive, danger)}\n            alt={value}\n          />\n        </div>\n      );\n}\n\n/**\n * Generates a checkbox icon based on the provided parameters.\n *\n * @param {boolean} isSelected - Whether the checkbox is selected.\n * @param {\"medium\" | \"large\"} size - The desired size of the checkbox.\n * @param {boolean} disabled - Whether the checkbox is disabled.\n * @param {boolean} isActive - Whether the checkbox is active.\n * @param {boolean} danger - Whether the checkbox should indicate danger.\n * \n * @returns {HTMLStencilElement} The generated checkbox icon.\n */\nexport const generateCheckbox = (\n    isSelected: boolean,\n    size: \"small\" | \"medium\" | \"large\",\n    disabled: boolean,\n    isActive: boolean,\n    danger: boolean\n): HTMLStencilElement  => {\n    return (\n        <div class={`vds-base-item__checkbox-icon-${size}`}>\n          <vds-icon\n            svg-icon={isSelected ? \"checked\" : \"unchecked\"}\n            class={combineClasses(isSelected ? \"checkbox-icon-checked\" : \"\", `checkbox-item-${size}`)}\n            size={getIconSize(size)}\n            color={getIconColor(disabled, isSelected || isActive, danger, true)}\n            alt={\"checkbox-element\"}\n          />\n        </div>\n    );\n}\n\n/**\n * Generates a label element based on the provided parameters.\n\n * @param {string} label - The text content of the label.\n * @param {\"medium\" | \"large\"} size - The desired size of the label.\n * @param {boolean} disabled - Whether the label is disabled.\n * @param {boolean} isActive - Whether the label is active.\n * @param {boolean} danger - Whether the label should indicate danger.\n * \n * @returns {HTMLStencilElement} The generated label element.\n */\nexport const generateLabel = (\n    label: string,\n    size: \"small\" | \"medium\" | \"large\",\n    disabled: boolean,\n    isActive: boolean,\n    danger: boolean\n): HTMLStencilElement => {\n    return (\n        <span\n            class={combineClasses(\n                \"vds-base-item__label\",\n                `vds-base-item__label--size-${size}`,\n                disabled ? \"vds-base-item__label--disabled\" : \"\",\n                isActive ? \"vds-base-item__label--active\" : \"\",\n                danger ? \"vds-base-item__label--danger\" : \"\",\n          )}\n        >\n          { label ? label :  <slot></slot> }\n        </span>\n    );\n}\n\n/**\n * Generates a children icon button based on the provided parameters.\n\n * @param {\"medium\" | \"large\"} size - The desired size of the icon.\n * @param {boolean} disabled - Whether the icon is disabled.\n * @param {boolean} isActive - Whether the icon is active.\n * @param {boolean} danger - Whether the icon should indicate danger.\n * \n * @returns {HTMLStencilElement} The generated children icon button.\n */\nexport const generateChildrenIconButton = (\n    size: \"small\" | \"medium\" | \"large\",\n    disabled: boolean,\n    isActive: boolean,\n    danger: boolean\n): HTMLStencilElement => {\n    return(\n        <div class=\"vds-base-item__has-children-icon\">\n          <vds-icon\n            svg-icon=\"chevron-right\"\n            size={getIconSize(size)}\n            color={getIconColor(disabled, isActive, danger)}\n            alt=\"Open menu\"\n          />\n        </div>\n    );\n}\n"],"names":["h","combineClasses"],"mappings":"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"}

package/dist/cjs/clone-attributes-CR_poqM1.js

@@ -0,0 +1,15 @@
+'use strict';
+
+const cloneAttributes = (el, ...excludedKeys) => {
+    return Object.values(el.attributes)
+        .filter(({ name: keyName }) => !(excludedKeys === null || excludedKeys === void 0 ? void 0 : excludedKeys.some(exKey => exKey === keyName)))
+        .reduce((acc, attr) => {
+        acc = Object.assign(Object.assign({}, acc), { [attr.name]: attr.value });
+        return acc;
+    }, {});
+};
+
+exports.cloneAttributes = cloneAttributes;
+//# sourceMappingURL=clone-attributes-CR_poqM1.js.map
+
+//# sourceMappingURL=clone-attributes-CR_poqM1.js.map

package/dist/cjs/clone-attributes-CR_poqM1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clone-attributes-CR_poqM1.js","sources":["src/utils/clone-attributes.ts"],"sourcesContent":["import { JSXBase } from \"@stencil/core/internal\";\n\nexport const cloneAttributes = <\n\tX extends HTMLElement,\n\tT = JSXBase.HTMLAttributes | NamedNodeMap\n>(\n\tel: X,\n\t...excludedKeys: string[]\n): { [P in keyof T]?: T[P] } => {\n\treturn Object.values(el.attributes)\n\t\t.filter(\n\t\t\t({ name: keyName }) => !excludedKeys?.some(exKey => exKey === keyName)\n\t\t)\n\t\t.reduce((acc: { [P in keyof T]: T[P] }, attr: Attr): T => {\n\t\t\tacc = { ...acc, [attr.name]: attr.value };\n\t\t\treturn acc;\n\t\t}, {});\n};\n"],"names":[],"mappings":";;AAEa,MAAA,eAAe,GAAG,CAI9B,EAAK,EACL,GAAG,YAAsB,KACK;AAC9B,IAAA,OAAO,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,UAAU;AAChC,SAAA,MAAM,CACN,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAC,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,IAAI,CAAC,KAAK,IAAI,KAAK,KAAK,OAAO,CAAC,CAAA;AAEtE,SAAA,MAAM,CAAC,CAAC,GAA6B,EAAE,IAAU,KAAO;AACxD,QAAA,GAAG,GAAQ,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,GAAG,CAAE,EAAA,EAAA,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAE;AACzC,QAAA,OAAO,GAAG;KACV,EAAE,EAAE,CAAC;AACR;;;;"}

package/dist/cjs/combine-classes-Cs05zl1M.js

@@ -0,0 +1,8 @@
+'use strict';
+
+const combineClasses = (...classes) => classes.join(" ").trim();
+
+exports.combineClasses = combineClasses;
+//# sourceMappingURL=combine-classes-Cs05zl1M.js.map
+
+//# sourceMappingURL=combine-classes-Cs05zl1M.js.map

package/dist/cjs/combine-classes-Cs05zl1M.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combine-classes-Cs05zl1M.js","sources":["src/utils/combine-classes.ts"],"sourcesContent":["export const combineClasses = (...classes: string[]): string =>\n\tclasses.join(\" \").trim();\n"],"names":[],"mappings":";;AAAa,MAAA,cAAc,GAAG,CAAC,GAAG,OAAiB,KAClD,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI;;;;"}