tuix-webcomponents 0.0.30 → 0.0.32

package/dist/src/tuix-button/TuixBaseButton.d.ts

@@ -1,6 +1,6 @@
 import { LitElement, type TemplateResult } from 'lit';
-import { MainVariant } from '../utils/mainVariant.enum';
-import { IconName, IconSizeVariant } from '../tuix-icon/enums/tuix-icon.enums';
+import { MainVariant } from '../utils/mainVariant.enum.js';
+import { IconName, IconSizeVariant } from '../tuix-icon/enums/tuix-icon.enums.js';
 import '../tuix-icon/TuixIcon.js';
 export declare abstract class TuixBaseButton extends LitElement {
     variant: MainVariant;

package/dist/src/tuix-button/TuixBaseButton.js

@@ -1,8 +1,8 @@
 import { __decorate } from "tslib";
 import { LitElement, html } from 'lit';
-import { MainVariant } from '../utils/mainVariant.enum';
+import { MainVariant } from '../utils/mainVariant.enum.js';
 import { property, state } from 'lit/decorators.js';
-import { buttonTextColor } from './enums/tuix-button.enums';
+import { buttonTextColor } from './enums/tuix-button.enums.js';
 import '../tuix-icon/TuixIcon.js';
 export class TuixBaseButton extends LitElement {
     constructor() {

package/dist/src/tuix-button/TuixButton.d.ts

@@ -1,6 +1,6 @@
 import { type TemplateResult } from 'lit';
-import { IconName } from '../tuix-icon/enums/tuix-icon.enums';
-import { TuixBaseButton } from './TuixBaseButton';
+import { IconName } from '../tuix-icon/enums/tuix-icon.enums.js';
+import { TuixBaseButton } from './TuixBaseButton.js';
 export declare class TuixButton extends TuixBaseButton {
     static styles: import("lit").CSSResult[];
     full: boolean;

package/dist/src/tuix-button/TuixButton.js

@@ -1,10 +1,10 @@
 import { __decorate } from "tslib";
 import { css, html, nothing } from 'lit';
-import { IconName, IconSizeVariant } from '../tuix-icon/enums/tuix-icon.enums';
-import { buttonSizeStyles, buttonColorStyles, hostButtonStyles, } from './TuixButton.styles';
+import { IconName, IconSizeVariant } from '../tuix-icon/enums/tuix-icon.enums.js';
+import { buttonSizeStyles, buttonColorStyles, hostButtonStyles, } from './TuixButton.styles.js';
 import { customElement, property } from 'lit/decorators.js';
-import { ScreenSizes } from '../utils/screenSizes.enum';
-import { TuixBaseButton } from './TuixBaseButton';
+import { ScreenSizes } from '../utils/screenSizes.enum.js';
+import { TuixBaseButton } from './TuixBaseButton.js';
 let TuixButton = class TuixButton extends TuixBaseButton {
     constructor() {
         super(...arguments);

package/dist/src/tuix-button/TuixButton.styles.js

@@ -1,10 +1,10 @@
 import { css, unsafeCSS } from 'lit';
-import { Palette } from '../utils/colors';
-import { ScreenSizes } from '../utils/screenSizes.enum';
-import { DarkPalette } from '../utils/darkColors';
-import { MainVariant } from '../utils/mainVariant.enum';
-import slottedClassName from '../utils/slottedClassName';
-import { TextSize } from '../tuix-text/enums/tuix-text.enums';
+import { Palette } from '../utils/colors.js';
+import { ScreenSizes } from '../utils/screenSizes.enum.js';
+import { DarkPalette } from '../utils/darkColors.js';
+import { MainVariant } from '../utils/mainVariant.enum.js';
+import slottedClassName from '../utils/slottedClassName.js';
+import { TextSize } from '../tuix-text/enums/tuix-text.enums.js';
 export const hostButtonStyles = css `
   :host {
     --t-button-primary-color: ${unsafeCSS(Palette.MAIN)};

package/dist/src/tuix-button/enums/tuix-button.enums.d.ts

@@ -1,2 +1,2 @@
-import { MainVariant } from '../../utils/mainVariant.enum';
+import { MainVariant } from '../../utils/mainVariant.enum.js';
 export declare const buttonTextColor: Record<MainVariant, string>;

package/dist/src/tuix-button/enums/tuix-button.enums.js

@@ -1,5 +1,5 @@
-import { Palette } from '../../utils/colors';
-import { MainVariant } from '../../utils/mainVariant.enum';
+import { Palette } from '../../utils/colors.js';
+import { MainVariant } from '../../utils/mainVariant.enum.js';
 export const buttonTextColor = {
     [MainVariant.PRIMARY]: Palette.WHITE,
     [MainVariant.SECONDARY]: Palette.MAIN,

package/dist/src/tuix-checkbox/TuixCheckbox.d.ts

@@ -1,7 +1,7 @@
 import { LitElement, type TemplateResult } from 'lit';
 import '../tuix-icon/TuixIcon.js';
 import '../tuix-text/TuixText.js';
-import { CheckboxLabelSide } from './enums/tuix-checkbox.enums';
+import { CheckboxLabelSide } from './enums/tuix-checkbox.enums.js';
 export declare class TuixCheckbox extends LitElement {
     static styles: import("lit").CSSResult[];
     checked: boolean;

package/dist/src/tuix-checkbox/TuixCheckbox.js

@@ -4,10 +4,10 @@ import { customElement, property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import '../tuix-icon/TuixIcon.js';
 import '../tuix-text/TuixText.js';
-import { IconName, IconSizeVariant } from '../tuix-icon/enums/tuix-icon.enums';
-import { TextSize, TextVariant } from '../tuix-text/enums/tuix-text.enums';
-import { checkboxCheckmarkStyles, checkboxContainerStyles, checkboxLabelStyles, hostStyles, } from './TuixCheckbox.styles';
-import { CheckboxIconColorDark, CheckboxIconColorLight, CheckboxIconMode, CheckboxLabelSide, } from './enums/tuix-checkbox.enums';
+import { IconName, IconSizeVariant } from '../tuix-icon/enums/tuix-icon.enums.js';
+import { TextSize, TextVariant } from '../tuix-text/enums/tuix-text.enums.js';
+import { checkboxCheckmarkStyles, checkboxContainerStyles, checkboxLabelStyles, hostStyles, } from './TuixCheckbox.styles.js';
+import { CheckboxIconColorDark, CheckboxIconColorLight, CheckboxIconMode, CheckboxLabelSide, } from './enums/tuix-checkbox.enums.js';
 let TuixCheckbox = class TuixCheckbox extends LitElement {
     constructor() {
         super(...arguments);

package/dist/src/tuix-checkbox/TuixCheckbox.styles.js

@@ -1,7 +1,7 @@
 import { css, unsafeCSS } from 'lit';
-import { Palette } from '../utils/colors';
-import { DarkPalette } from '../utils/darkColors';
-import { ScreenSizes } from '../utils/screenSizes.enum';
+import { Palette } from '../utils/colors.js';
+import { DarkPalette } from '../utils/darkColors.js';
+import { ScreenSizes } from '../utils/screenSizes.enum.js';
 export const hostStyles = css `
   :host {
     --t-main-color-tuix: ${unsafeCSS(Palette.MAIN)};

package/dist/src/tuix-checkbox/enums/tuix-checkbox.enums.d.ts

@@ -1,5 +1,5 @@
-import { Palette } from '../../utils/colors';
-import { DarkPalette } from '../../utils/darkColors';
+import { Palette } from '../../utils/colors.js';
+import { DarkPalette } from '../../utils/darkColors.js';
 export declare enum CheckboxIconMode {
     DEFAULT = "default",
     DISABLED = "disabled",

package/dist/src/tuix-checkbox/enums/tuix-checkbox.enums.js

@@ -1,5 +1,5 @@
-import { Palette } from '../../utils/colors';
-import { DarkPalette } from '../../utils/darkColors';
+import { Palette } from '../../utils/colors.js';
+import { DarkPalette } from '../../utils/darkColors.js';
 export var CheckboxIconMode;
 (function (CheckboxIconMode) {
     CheckboxIconMode["DEFAULT"] = "default";

package/dist/src/tuix-checkbox/interfaces/tuix-checkbox.interface.d.ts

@@ -1,4 +1,4 @@
-import { type DetailValue } from '../../utils/interfaces/detail-value.interface';
+import { type DetailValue } from '../../utils/interfaces/detail-value.interface.js';
 export interface DetailValueCheckbox extends DetailValue<boolean> {
     label?: string;
 }

package/dist/src/tuix-dropdown/TuixDropdown.d.ts

@@ -1,8 +1,8 @@
 import { LitElement, type PropertyValues, type TemplateResult } from 'lit';
 import '../tuix-input/TuixInput.js';
-import type { TuixDropdownExtendedOption, TuixDropdownOption } from './interfaces/tuix-dropdown.interface';
-import { DescriptionType } from '../tuix-input/enums/tuix-input.enums';
-import { DropdownType } from './enums/tuix-dropdown.enums';
+import type { TuixDropdownExtendedOption, TuixDropdownOption } from './interfaces/tuix-dropdown.interface.js';
+import { DescriptionType } from '../tuix-input/enums/tuix-input.enums.js';
+import { DropdownType } from './enums/tuix-dropdown.enums.js';
 export declare class TuixDropdown extends LitElement {
     static styles: import("lit").CSSResult[];
     value?: TuixDropdownOption;

package/dist/src/tuix-dropdown/TuixDropdown.js

@@ -3,10 +3,10 @@ import { LitElement, html, } from 'lit';
 import { customElement, property, query, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import '../tuix-input/TuixInput.js';
-import { IconName } from '../tuix-icon/enums/tuix-icon.enums';
-import { dropdownHostStyles, dropdownMainContainerStyles, dropdownOptionStyles, } from './TuixDropdown.styles';
-import { DescriptionType } from '../tuix-input/enums/tuix-input.enums';
-import { DropdownType } from './enums/tuix-dropdown.enums';
+import { IconName } from '../tuix-icon/enums/tuix-icon.enums.js';
+import { dropdownHostStyles, dropdownMainContainerStyles, dropdownOptionStyles, } from './TuixDropdown.styles.js';
+import { DescriptionType } from '../tuix-input/enums/tuix-input.enums.js';
+import { DropdownType } from './enums/tuix-dropdown.enums.js';
 let TuixDropdown = class TuixDropdown extends LitElement {
     constructor() {
         super(...arguments);

package/dist/src/tuix-dropdown/TuixDropdown.styles.js

@@ -1,8 +1,8 @@
 import { css, unsafeCSS } from 'lit';
-import { hostStyles } from '../tuix-input/TuixInput.styles';
-import { Palette } from '../utils/colors';
-import { ScreenSizes } from '../utils/screenSizes.enum';
-import { DarkPalette } from '../utils/darkColors';
+import { hostStyles } from '../tuix-input/TuixInput.styles.js';
+import { Palette } from '../utils/colors.js';
+import { ScreenSizes } from '../utils/screenSizes.enum.js';
+import { DarkPalette } from '../utils/darkColors.js';
 export const dropdownHostStyles = css `
   ${hostStyles}
   :host {

package/dist/src/tuix-dropdown/interfaces/tuix-dropdown.interface.d.ts

@@ -1,5 +1,5 @@
-import { type CustomEventTuixInput } from '../../tuix-input/interfaces/tuix-input.interface';
-import { type DetailValue } from '../../utils/interfaces/detail-value.interface';
+import { type CustomEventTuixInput } from '../../tuix-input/interfaces/tuix-input.interface.js';
+import { type DetailValue } from '../../utils/interfaces/detail-value.interface.js';
 export type TuixDropdownPlainOption = string | number | boolean;
 export interface TuixDropdownObjectOption {
     name: string;

package/dist/src/tuix-icon/TuixIcon.d.ts

@@ -1,6 +1,6 @@
 import { LitElement, TemplateResult } from 'lit';
-import { IconName, IconSizeVariant } from './enums/tuix-icon.enums';
-import { TextVariant } from '../tuix-text/enums/tuix-text.enums';
+import { IconName, IconSizeVariant } from './enums/tuix-icon.enums.js';
+import { TextVariant } from '../tuix-text/enums/tuix-text.enums.js';
 export declare class TuixIcon extends LitElement {
     static styles: import("lit").CSSResult;
     name: IconName;

package/dist/src/tuix-icon/TuixIcon.icons.d.ts

@@ -1,5 +1,5 @@
 import { html } from 'lit';
-import { IconName } from './enums/tuix-icon.enums';
+import { IconName } from './enums/tuix-icon.enums.js';
 export declare const iconTemplate: (name?: IconName, color?: string, fill?: string) => ReturnType<typeof html>;
 type IconContentMapType = Record<IconName, string>;
 export declare const iconContentMap: IconContentMapType;

package/dist/src/tuix-icon/TuixIcon.icons.js

@@ -1,7 +1,7 @@
 import { html } from 'lit';
 import { unsafeHTML } from 'lit/directives/unsafe-html.js';
-import { Palette } from '../utils/colors';
-import { IconName } from './enums/tuix-icon.enums';
+import { Palette } from '../utils/colors.js';
+import { IconName } from './enums/tuix-icon.enums.js';
 export const iconTemplate = (name, color = Palette.BLACK, fill) => {
     const iconName = name || IconName.ARROW_DOWN;
     const iconContent = iconContentMap[iconName];
@@ -349,6 +349,17 @@ export const iconContentMap = {
     [IconName.BOOK]: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
   <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20" stroke="#121212" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
   <path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2" stroke="#121212" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>`,
+    [IconName.BOOK_PLUS]: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path d="M12 7v6m-8 6.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 19.5m0 0A2.5 2.5 0 0 1 6.5 17H20M9 10h6" stroke="#121212" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>`,
+    [IconName.BOOKS]: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path d="M5 7a2 2 0 0 0-2 2v11" stroke="#121212" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M5.803 18H5a2 2 0 1 0 0 4h9.5a.5.5 0 0 0 .5-.5V21m-6-6V4a2 2 0 0 1 2-2h9.5a.5.5 0 0 1 .5.5v14a.5.5 0 0 1-.5.5H11a2 2 0 0 1-2-2m0 0a2 2 0 0 1 2-2h10" stroke="#121212" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>`,
+    [IconName.BOOK_SEARCH]: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path d="M11 22H5.5a2.5 2.5 0 0 1 0-5h4.501M21 22l-1.879-1.878" stroke="#121212" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M3 19.5v-15A2.5 2.5 0 0 1 5.5 2H18a1 1 0 0 1 1 1v8M17 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6" stroke="#121212" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
   </svg>`,
     [IconName.MORE_HORIZONTAL]: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
   <path d="M12 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2M19 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2M5 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2" stroke="#121212" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/src/tuix-icon/TuixIcon.js

@@ -2,10 +2,10 @@ import { __decorate } from "tslib";
 import { LitElement, css, html } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
-import { IconName, IconSizeVariant, iconSize } from './enums/tuix-icon.enums';
-import { iconTemplate } from './TuixIcon.icons';
-import { Palette } from '../utils/colors';
-import { TextVariant, colorText, colorTextDark, } from '../tuix-text/enums/tuix-text.enums';
+import { IconName, IconSizeVariant, iconSize } from './enums/tuix-icon.enums.js';
+import { iconTemplate } from './TuixIcon.icons.js';
+import { Palette } from '../utils/colors.js';
+import { TextVariant, colorText, colorTextDark, } from '../tuix-text/enums/tuix-text.enums.js';
 let TuixIcon = class TuixIcon extends LitElement {
     constructor() {
         super(...arguments);

package/dist/src/tuix-icon/enums/tuix-icon.enums.d.ts

@@ -77,6 +77,9 @@ export declare enum IconName {
     CHAT = "chat",
     MESSAGE_CIRCLE = "message-circle",
     BOOK = "book",
+    BOOK_PLUS = "book-plus",
+    BOOKS = "books",
+    BOOK_SEARCH = "book-search",
     MORE_HORIZONTAL = "more-horizontal",
     BOT = "bot",
     SCROLL_DOWN = "scroll-down",

package/dist/src/tuix-icon/enums/tuix-icon.enums.js

@@ -84,6 +84,9 @@ export var IconName;
     IconName["CHAT"] = "chat";
     IconName["MESSAGE_CIRCLE"] = "message-circle";
     IconName["BOOK"] = "book";
+    IconName["BOOK_PLUS"] = "book-plus";
+    IconName["BOOKS"] = "books";
+    IconName["BOOK_SEARCH"] = "book-search";
     IconName["MORE_HORIZONTAL"] = "more-horizontal";
     IconName["BOT"] = "bot";
     IconName["SCROLL_DOWN"] = "scroll-down";

package/dist/src/tuix-icon-button/TuixIconButton.d.ts

@@ -1,6 +1,6 @@
 import { type TemplateResult } from 'lit';
-import { IconName } from '../tuix-icon/enums/tuix-icon.enums';
-import { TuixBaseButton } from '../tuix-button/TuixBaseButton';
+import { IconName } from '../tuix-icon/enums/tuix-icon.enums.js';
+import { TuixBaseButton } from '../tuix-button/TuixBaseButton.js';
 export declare class TuixIconButton extends TuixBaseButton {
     static styles: import("lit").CSSResult[];
     icon: IconName;

package/dist/src/tuix-icon-button/TuixIconButton.js

@@ -1,10 +1,10 @@
 import { __decorate } from "tslib";
 import { css, html } from 'lit';
-import { IconName, IconSizeVariant } from '../tuix-icon/enums/tuix-icon.enums';
+import { IconName, IconSizeVariant } from '../tuix-icon/enums/tuix-icon.enums.js';
 import { customElement, property } from 'lit/decorators.js';
-import { ScreenSizes } from '../utils/screenSizes.enum';
-import { buttonColorStyles, hostButtonStyles, } from '../tuix-button/TuixButton.styles';
-import { TuixBaseButton } from '../tuix-button/TuixBaseButton';
+import { ScreenSizes } from '../utils/screenSizes.enum.js';
+import { buttonColorStyles, hostButtonStyles, } from '../tuix-button/TuixButton.styles.js';
+import { TuixBaseButton } from '../tuix-button/TuixBaseButton.js';
 let TuixIconButton = class TuixIconButton extends TuixBaseButton {
     constructor() {
         super(...arguments);

package/dist/src/tuix-input/TuixInput.d.ts

@@ -1,6 +1,6 @@
 import { LitElement, type TemplateResult, CSSResult, type PropertyValueMap } from 'lit';
 import '../tuix-icon/TuixIcon.js';
-import { IconName } from '../tuix-icon/enums/tuix-icon.enums';
+import { IconName } from '../tuix-icon/enums/tuix-icon.enums.js';
 import { DescriptionType, InputType } from './enums/tuix-input.enums.js';
 export declare class TuixInput extends LitElement {
     _inputId: string;

package/dist/src/tuix-input/TuixInput.js

@@ -3,7 +3,7 @@ import { LitElement, html, nothing, } from 'lit';
 import { customElement, property, query, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import '../tuix-icon/TuixIcon.js';
-import { IconName, IconSizeVariant } from '../tuix-icon/enums/tuix-icon.enums';
+import { IconName, IconSizeVariant } from '../tuix-icon/enums/tuix-icon.enums.js';
 import { Palette } from '../utils/colors.js';
 import { DarkPalette } from '../utils/darkColors.js';
 import { hostStyles, inputColorStyles, inputComponentStyles, inputDescriptionStyles, inputFontStyles, inputIconStyles, inputSearchStyles, inputTitleStyles, } from './TuixInput.styles.js';

package/dist/src/tuix-input/TuixInput.styles.js

@@ -1,8 +1,8 @@
 import { css, unsafeCSS } from 'lit';
-import { ScreenSizes } from '../utils/screenSizes.enum';
-import { Palette } from '../utils/colors';
-import { DarkPalette } from '../utils/darkColors';
-import { hexToRgb } from '../utils/hex-rgb';
+import { ScreenSizes } from '../utils/screenSizes.enum.js';
+import { Palette } from '../utils/colors.js';
+import { DarkPalette } from '../utils/darkColors.js';
+import { hexToRgb } from '../utils/hex-rgb.js';
 const inputVars = {
     gapX: '10px',
     iconDesktopSize: '1.5rem',

package/dist/src/tuix-input/enums/tuix-input.enums.d.ts

@@ -1,6 +1,6 @@
-import { IconName } from '../../tuix-icon/enums/tuix-icon.enums';
-import { Palette } from '../../utils/colors';
-import { DarkPalette } from '../../utils/darkColors';
+import { IconName } from '../../tuix-icon/enums/tuix-icon.enums.js';
+import { Palette } from '../../utils/colors.js';
+import { DarkPalette } from '../../utils/darkColors.js';
 export declare enum InputType {
     TEXT = "text",
     SEARCH = "search",

package/dist/src/tuix-input/enums/tuix-input.enums.js

@@ -1,6 +1,6 @@
-import { IconName } from '../../tuix-icon/enums/tuix-icon.enums';
-import { Palette } from '../../utils/colors';
-import { DarkPalette } from '../../utils/darkColors';
+import { IconName } from '../../tuix-icon/enums/tuix-icon.enums.js';
+import { Palette } from '../../utils/colors.js';
+import { DarkPalette } from '../../utils/darkColors.js';
 export var InputType;
 (function (InputType) {
     InputType["TEXT"] = "text";

package/dist/src/tuix-input/interfaces/tuix-input.interface.d.ts

@@ -1,8 +1,8 @@
-import { IconName } from '../../tuix-icon/enums/tuix-icon.enums';
-import { type DetailValue } from '../../utils/interfaces/detail-value.interface';
-import { InputIconLocation } from '../enums/tuix-input.enums';
-import { DarkPalette } from '../../utils/darkColors';
-import { Palette } from '../../utils/colors';
+import { IconName } from '../../tuix-icon/enums/tuix-icon.enums.js';
+import { type DetailValue } from '../../utils/interfaces/detail-value.interface.js';
+import { InputIconLocation } from '../enums/tuix-input.enums.js';
+import { DarkPalette } from '../../utils/darkColors.js';
+import { Palette } from '../../utils/colors.js';
 export declare const InputState: {
     INACTIVE: string;
     ACTIVE: string;

package/dist/src/tuix-link/TuixLink.d.ts

@@ -1,6 +1,6 @@
 import { LitElement, type TemplateResult } from 'lit';
-import { MainVariant } from '../utils/mainVariant.enum';
-import { LinkTarget } from './enums/linkTarget.enum';
+import { MainVariant } from '../utils/mainVariant.enum.js';
+import { LinkTarget } from './enums/linkTarget.enum.js';
 export declare class TuixLink extends LitElement {
     static styles: import("lit").CSSResult[];
     href?: string;

package/dist/src/tuix-link/TuixLink.js

@@ -1,11 +1,11 @@
 import { __decorate } from "tslib";
 import { html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
-import { MainVariant } from '../utils/mainVariant.enum';
-import { LinkTarget } from './enums/linkTarget.enum';
+import { MainVariant } from '../utils/mainVariant.enum.js';
+import { LinkTarget } from './enums/linkTarget.enum.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { linkStyles } from './TuixLink.styles';
-import { linkFontStyles } from '../tuix-text/TuixText.styles';
+import { linkStyles } from './TuixLink.styles.js';
+import { linkFontStyles } from '../tuix-text/TuixText.styles.js';
 let TuixLink = class TuixLink extends LitElement {
     constructor() {
         super(...arguments);

package/dist/src/tuix-link/TuixLink.styles.js

@@ -1,7 +1,7 @@
 import { css, unsafeCSS } from 'lit';
-import { MainVariant } from '../utils/mainVariant.enum';
-import { Palette } from '../utils/colors';
-import { DarkPalette } from '../utils/darkColors';
+import { MainVariant } from '../utils/mainVariant.enum.js';
+import { Palette } from '../utils/colors.js';
+import { DarkPalette } from '../utils/darkColors.js';
 export const LINK_TEXT_COLOR_VAR_NAME = '--t-link-text-color';
 export const linkStyles = css `
   ${unsafeCSS(`

package/dist/src/tuix-modal/TuixModal.styles.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
-import { ScreenSizes } from '../utils/screenSizes.enum';
-import { Palette } from '../utils/colors';
+import { ScreenSizes } from '../utils/screenSizes.enum.js';
+import { Palette } from '../utils/colors.js';
 export const commonModalStyles = css `
   :host {
     display: none;

package/dist/src/tuix-paper/TuixPaper.d.ts

@@ -1,5 +1,5 @@
 import { LitElement, type TemplateResult } from 'lit';
-import { BorderRadiusPaper, PaperElevation } from './enums/tuix-paper.enum';
+import { BorderRadiusPaper, PaperElevation } from './enums/tuix-paper.enum.js';
 export declare class TuixPaper extends LitElement {
     static styles: import("lit").CSSResult[];
     elevation: PaperElevation;

package/dist/src/tuix-paper/TuixPaper.js

@@ -1,10 +1,10 @@
 import { __decorate } from "tslib";
 import { LitElement, html } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
-import { BorderRadiusPaper, PaperElevation } from './enums/tuix-paper.enum';
+import { BorderRadiusPaper, PaperElevation } from './enums/tuix-paper.enum.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { styleMap } from 'lit/directives/style-map.js';
-import { paperStyles } from './TuixPaper.styles';
+import { paperStyles } from './TuixPaper.styles.js';
 let TuixPaper = class TuixPaper extends LitElement {
     constructor() {
         super(...arguments);

package/dist/src/tuix-paper/TuixPaper.styles.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
-import { PaperElevation } from './enums/tuix-paper.enum';
-import { Palette } from '../utils/colors';
+import { PaperElevation } from './enums/tuix-paper.enum.js';
+import { Palette } from '../utils/colors.js';
 const calculatedStyles = Object.values(PaperElevation)
     .slice(1, -1)
     .map((variant, index) => `

package/dist/src/tuix-radio-button/TuixRadioButton.d.ts

@@ -1,7 +1,7 @@
 import { LitElement } from 'lit';
 import '../tuix-text/TuixText.js';
-import { CheckboxLabelSide } from '../tuix-checkbox/enums/tuix-checkbox.enums';
-import type { TuixRadioButtonOption } from './interfaces/tuix-radio-button.interface';
+import { CheckboxLabelSide } from '../tuix-checkbox/enums/tuix-checkbox.enums.js';
+import type { TuixRadioButtonOption } from './interfaces/tuix-radio-button.interface.js';
 export declare class TuixRadioButton extends LitElement {
     static styles: import("lit").CSSResult[];
     disabled: boolean;

package/dist/src/tuix-radio-button/TuixRadioButton.js

@@ -3,9 +3,9 @@ import { LitElement, html } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import '../tuix-text/TuixText.js';
-import { CheckboxLabelSide } from '../tuix-checkbox/enums/tuix-checkbox.enums';
-import { TextSize, TextVariant } from '../tuix-text/enums/tuix-text.enums';
-import { radioButtonContainerStyles, radioButtonInnerStyles, radioButtonLabelStyles, radioButtonStyles, radioHostStyles, } from './TuixRadioButton.styles';
+import { CheckboxLabelSide } from '../tuix-checkbox/enums/tuix-checkbox.enums.js';
+import { TextSize, TextVariant } from '../tuix-text/enums/tuix-text.enums.js';
+import { radioButtonContainerStyles, radioButtonInnerStyles, radioButtonLabelStyles, radioButtonStyles, radioHostStyles, } from './TuixRadioButton.styles.js';
 let TuixRadioButton = class TuixRadioButton extends LitElement {
     constructor() {
         super(...arguments);

package/dist/src/tuix-radio-button/TuixRadioButton.styles.js

@@ -1,7 +1,7 @@
 import { css, unsafeCSS } from 'lit';
-import { hostStyles } from '../tuix-checkbox/TuixCheckbox.styles';
-import { Palette } from '../utils/colors';
-import { ScreenSizes } from '../utils/screenSizes.enum';
+import { hostStyles } from '../tuix-checkbox/TuixCheckbox.styles.js';
+import { Palette } from '../utils/colors.js';
+import { ScreenSizes } from '../utils/screenSizes.enum.js';
 export const radioHostStyles = css `
   ${hostStyles}
   :host {

package/dist/src/tuix-radio-button/interfaces/tuix-radio-button.interface.d.ts

@@ -1,3 +1,3 @@
-import { type DetailValue } from '../../utils/interfaces/detail-value.interface';
+import { type DetailValue } from '../../utils/interfaces/detail-value.interface.js';
 export type TuixRadioButtonOption = string | number;
 export type CustomEventTuixRadioButton<T extends TuixRadioButtonOption = TuixRadioButtonOption> = CustomEvent<DetailValue<T>>;

package/dist/src/tuix-table/TuixTable.js

@@ -5,11 +5,11 @@ import { styleMap } from 'lit/directives/style-map.js';
 import { repeat } from 'lit/directives/repeat.js';
 import '../tuix-icon/TuixIcon.js';
 import '../tuix-text/TuixText.js';
-import { tableStyles, threeDots } from './TuixTable.styles';
-import { TextSize, TextVariant } from '../tuix-text/enums/tuix-text.enums';
+import { tableStyles, threeDots } from './TuixTable.styles.js';
+import { TextSize, TextVariant } from '../tuix-text/enums/tuix-text.enums.js';
 import { IconName } from '../tuix-icon/enums/tuix-icon.enums.js';
-import { Palette } from '../utils/colors';
-import { ScreenSizes } from '../utils/screenSizes.enum';
+import { Palette } from '../utils/colors.js';
+import { ScreenSizes } from '../utils/screenSizes.enum.js';
 let TuixTable = class TuixTable extends LitElement {
     constructor() {
         super(...arguments);

package/dist/src/tuix-table/TuixTable.styles.js

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-import { ScreenSizes } from '../utils/screenSizes.enum';
+import { ScreenSizes } from '../utils/screenSizes.enum.js';
 export const tableStyles = css `
   :host {
     display: block;

package/dist/src/tuix-text/TuixText.styles.js

@@ -1,7 +1,7 @@
 import { css, unsafeCSS } from 'lit';
-import { ScreenSizes } from '../utils/screenSizes.enum';
-import { TextSize } from './enums/tuix-text.enums';
-import slottedClassName from '../utils/slottedClassName';
+import { ScreenSizes } from '../utils/screenSizes.enum.js';
+import { TextSize } from './enums/tuix-text.enums.js';
+import slottedClassName from '../utils/slottedClassName.js';
 export const linkFontStyles = css `
   ${unsafeCSS(`
   ${slottedClassName(TextSize.Link)} {

package/dist/src/tuix-text/enums/tuix-text.enums.js

@@ -1,5 +1,5 @@
-import { Palette } from '../../utils/colors';
-import { DarkPalette } from '../../utils/darkColors';
+import { Palette } from '../../utils/colors.js';
+import { DarkPalette } from '../../utils/darkColors.js';
 export var TextSize;
 (function (TextSize) {
     TextSize["XXL"] = "xxl";

package/dist/src/tuix-toast/TuixToast.styles.js

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-import { ScreenSizes } from '../utils/screenSizes.enum';
+import { ScreenSizes } from '../utils/screenSizes.enum.js';
 export const commonToastStyles = css `
   :host {
     position: fixed;

package/dist/src/tuix-toast/enums/tuix-toast.enums.d.ts

@@ -1,6 +1,6 @@
-import { IconName } from '../../tuix-icon/enums/tuix-icon.enums';
-import { Palette } from '../../utils/colors';
-import { DarkPalette } from '../../utils/darkColors';
+import { IconName } from '../../tuix-icon/enums/tuix-icon.enums.js';
+import { Palette } from '../../utils/colors.js';
+import { DarkPalette } from '../../utils/darkColors.js';
 export declare enum ToastType {
     NONE = "none",
     TEXT = "text",

package/dist/src/tuix-toast/enums/tuix-toast.enums.js

@@ -1,6 +1,6 @@
-import { IconName } from '../../tuix-icon/enums/tuix-icon.enums';
-import { Palette } from '../../utils/colors';
-import { DarkPalette } from '../../utils/darkColors';
+import { IconName } from '../../tuix-icon/enums/tuix-icon.enums.js';
+import { Palette } from '../../utils/colors.js';
+import { DarkPalette } from '../../utils/darkColors.js';
 export var ToastType;
 (function (ToastType) {
     ToastType["NONE"] = "none";

package/dist/src/tuix-toggle-button/TuixToggleButton.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
 import '../tuix-text/TuixText.js';
-import { CheckboxLabelSide } from '../tuix-checkbox/enums/tuix-checkbox.enums';
+import { CheckboxLabelSide } from '../tuix-checkbox/enums/tuix-checkbox.enums.js';
 export declare class TuixToggleButton extends LitElement {
     static styles: import("lit").CSSResult[];
     checked: boolean;