tuix-webcomponents 0.0.24 → 0.0.25

package/README.md

@@ -52,10 +52,10 @@ properties are typed with the exported enums, pass `MainVariant.PRIMARY` rather
 than the string `'primary'`.
 
 The wrappers are generated by `scripts/build-react.ts` during `npm run build`
-and land in `dist/src/react`; `src/react/` is gitignored. Nothing about them is
-hand-kept: the generator reads `src/`, so every element with a `@customElement`
-decorator gets a wrapper, and every event it dispatches gets its `on*` prop,
-typed with the detail type written at the dispatch site.
+and land in `package-build/src/react`; `src/react/` is gitignored. Nothing
+about them is hand-kept: the generator reads `src/`, so every element with a
+`@customElement` decorator gets a wrapper, and every event it dispatches gets
+its `on*` prop, typed with the detail type written at the dispatch site.
 
 ### Fonts
 
@@ -97,7 +97,8 @@ See `docs/src/modules/docs/README.md` for how the site is put together, and
 npm run build
 ```
 
-writes `dist/`, which is exactly what `npm publish` ships (`files: ["dist"]`):
+writes `package-build/`, and `npm run stage:package` copies that into `dist/`,
+which is what `npm publish` ships (`files: ["dist"]`):
 
 | Path                             | Entry point                                  |
 | -------------------------------- | -------------------------------------------- |
@@ -105,14 +106,19 @@ writes `dist/`, which is exactly what `npm publish` ships (`files: ["dist"]`):
 | `dist/src/react/index.js`        | `tuix-webcomponents/react` — the wrappers    |
 | `dist/assets/tuix-styles.css`    | `tuix-webcomponents/dist/assets/tuix-styles.css` — the design tokens |
 
+The two steps are separate on purpose: `dist/` is also where the site is
+assembled, so the package build never writes it. Only the staging step does,
+and that runs inside `prepublishOnly` and `bin/publish.sh` — i.e. in the
+publish job, after the site has already been uploaded from its own job.
+
 The steps behind it: `cem analyze` refreshes `custom-elements.json`,
 `scripts/build-react.ts` regenerates `src/react/`, `tsc -p tsconfig.publish.json`
 compiles both entry points with their declarations, `build:css` renders the
 tokens, and `tsc-esm-fix` adds the `.js` extensions Node's ESM resolver needs.
 
-`npm publish` re-runs it through `prepublishOnly`, so a release cannot ship a
-stale `dist/`. `npm run publish:local` packs the same output into a linkable
-`local/` folder for trying it in another project.
+`npm publish` re-runs build and staging through `prepublishOnly`, so a release
+cannot ship a stale `dist/`. `npm run publish:local` packs the same output into
+a linkable `local/` folder for trying it in another project.
 
 ## Linting and formatting
 
@@ -146,10 +152,11 @@ That writes `dist/storybook`, which is where the deployed site serves it from.
 The site root is the documentation, and the Storybook sidebar brand links back
 to it. `scripts/build.sh` is what assembles both into `dist/` for CI.
 
-Note that `dist/` carries two different products, one per CI job: the site
-(`scripts/build.sh`, deployed to S3) and the npm package (`npm run build`, what
-`files` publishes). Both start by clearing it, so locally the last one to run
-wins.
+Three builds, three folders, so none of them clears another: the site into
+`dist/` (`scripts/build.sh` — Storybook under `dist/storybook`, the docs export
+at the root), the npm package into `package-build/` (`npm run build`), and the
+dev compile into `build/` (`npm start`). `dist/` is reused for the package only
+by `npm run stage:package`, which runs in the publish job.
 
 
 ## Tooling configs

package/dist/src/index.d.ts

@@ -2,7 +2,7 @@ export { type CustomEventTuixButton } from './tuix-button/interfaces/tuix-button
 export type { CustomEventTuixCheckbox, DetailValueCheckbox, } from './tuix-checkbox/interfaces/tuix-checkbox.interface.js';
 export type { CustomEventTuixDropdownInput, CustomEventTuixDropdownSelect, TuixDropdownOption, TuixDropdownObjectOption, TuixDropdownPlainOption, } from './tuix-dropdown/interfaces/tuix-dropdown.interface.js';
 export type { CustomEventTuixInput } from './tuix-input/interfaces/tuix-input.interface.js';
-export type { CustomEventTuixRadioButton } from './tuix-radio-button/interfaces/tuix-radio-button.interface.js';
+export type { CustomEventTuixRadioButton, TuixRadioButtonOption, } from './tuix-radio-button/interfaces/tuix-radio-button.interface.js';
 export type { CustomEventTuixToggle } from './tuix-toggle-button/interfaces/tuix-toggle.interface.js';
 export type { DetailValue } from './utils/interfaces/detail-value.interface.js';
 export { TuixText } from './tuix-text/TuixText.js';
@@ -17,7 +17,7 @@ export { TuixCheckbox } from './tuix-checkbox/TuixCheckbox.js';
 export { TuixRadioButton } from './tuix-radio-button/TuixRadioButton.js';
 export { TuixToggleButton } from './tuix-toggle-button/TuixToggleButton.js';
 export { TuixTable } from './tuix-table/TuixTable.js';
-export type { IDataTableHeader, PaginationEventDetail, TuixTableElement, } from './tuix-table/interfaces/tuix-table.interface.js';
+export type { IDataTableHeader, PaginationEventDetail, ThreeDotsLoaderConfig, TuixPaginationEvent, TuixTableElement, } from './tuix-table/interfaces/tuix-table.interface.js';
 export { TuixToast } from './tuix-toast/TuixToast.js';
 export { TuixModal } from './tuix-modal/TuixModal.js';
 export { ToastType } from './tuix-toast/enums/tuix-toast.enums.js';

package/dist/src/react/index.d.ts

@@ -1,42 +1,42 @@
 import { type EventName } from '@lit/react';
-import { TuixText as TuixTextElement, TuixIcon as TuixIconElement, TuixButton as TuixButtonElement, TuixPaper as TuixPaperElement, TuixIconButton as TuixIconButtonElement, TuixLink as TuixLinkElement, TuixInput as TuixInputElement, TuixDropdown as TuixDropdownElement, TuixCheckbox as TuixCheckboxElement, TuixRadioButton as TuixRadioButtonElement, TuixToggleButton as TuixToggleButtonElement, TuixTable as TuixTableElement, TuixToast as TuixToastElement, TuixModal as TuixModalElement } from '../index.js';
+import { TuixText as WrappedTuixText, TuixIcon as WrappedTuixIcon, TuixButton as WrappedTuixButton, TuixPaper as WrappedTuixPaper, TuixIconButton as WrappedTuixIconButton, TuixLink as WrappedTuixLink, TuixInput as WrappedTuixInput, TuixDropdown as WrappedTuixDropdown, TuixCheckbox as WrappedTuixCheckbox, TuixRadioButton as WrappedTuixRadioButton, TuixToggleButton as WrappedTuixToggleButton, TuixTable as WrappedTuixTable, TuixToast as WrappedTuixToast, TuixModal as WrappedTuixModal } from '../index.js';
 import type { DetailValue, DetailValueCheckbox, PaginationEventDetail, TuixDropdownPlainOption } from '../index.js';
-export declare const TuixText: import("@lit/react").ReactWebComponent<TuixTextElement, {}>;
-export declare const TuixIcon: import("@lit/react").ReactWebComponent<TuixIconElement, {}>;
-export declare const TuixButton: import("@lit/react").ReactWebComponent<TuixButtonElement, {
+export declare const TuixText: import("@lit/react").ReactWebComponent<WrappedTuixText, {}>;
+export declare const TuixIcon: import("@lit/react").ReactWebComponent<WrappedTuixIcon, {}>;
+export declare const TuixButton: import("@lit/react").ReactWebComponent<WrappedTuixButton, {
     onCustomClick: EventName<CustomEvent<undefined>>;
 }>;
-export declare const TuixPaper: import("@lit/react").ReactWebComponent<TuixPaperElement, {}>;
-export declare const TuixIconButton: import("@lit/react").ReactWebComponent<TuixIconButtonElement, {
+export declare const TuixPaper: import("@lit/react").ReactWebComponent<WrappedTuixPaper, {}>;
+export declare const TuixIconButton: import("@lit/react").ReactWebComponent<WrappedTuixIconButton, {
     onCustomClick: EventName<CustomEvent<undefined>>;
 }>;
-export declare const TuixLink: import("@lit/react").ReactWebComponent<TuixLinkElement, {}>;
-export declare const TuixInput: import("@lit/react").ReactWebComponent<TuixInputElement, {
+export declare const TuixLink: import("@lit/react").ReactWebComponent<WrappedTuixLink, {}>;
+export declare const TuixInput: import("@lit/react").ReactWebComponent<WrappedTuixInput, {
     onChange: EventName<CustomEvent<DetailValue<string>>>;
     onBlur: EventName<CustomEvent<DetailValue<string>>>;
     onClick: EventName<CustomEvent<undefined>>;
 }>;
-export declare const TuixDropdown: import("@lit/react").ReactWebComponent<TuixDropdownElement, {
+export declare const TuixDropdown: import("@lit/react").ReactWebComponent<WrappedTuixDropdown, {
     onSelect: EventName<CustomEvent<DetailValue<TuixDropdownPlainOption>>>;
     onInputSingle: EventName<CustomEvent<DetailValue<string>>>;
 }>;
-export declare const TuixCheckbox: import("@lit/react").ReactWebComponent<TuixCheckboxElement, {
+export declare const TuixCheckbox: import("@lit/react").ReactWebComponent<WrappedTuixCheckbox, {
     onChange: EventName<CustomEvent<DetailValueCheckbox>>;
 }>;
-export declare const TuixRadioButton: import("@lit/react").ReactWebComponent<TuixRadioButtonElement, {
+export declare const TuixRadioButton: import("@lit/react").ReactWebComponent<WrappedTuixRadioButton, {
     onChange: EventName<CustomEvent<DetailValue<string>>>;
 }>;
-export declare const TuixToggleButton: import("@lit/react").ReactWebComponent<TuixToggleButtonElement, {
+export declare const TuixToggleButton: import("@lit/react").ReactWebComponent<WrappedTuixToggleButton, {
     onChange: EventName<CustomEvent<DetailValueCheckbox>>;
 }>;
-export declare const TuixTable: import("@lit/react").ReactWebComponent<TuixTableElement, {
+export declare const TuixTable: import("@lit/react").ReactWebComponent<WrappedTuixTable, {
     onNextPage: EventName<CustomEvent<PaginationEventDetail>>;
     onPreviousPage: EventName<CustomEvent<PaginationEventDetail>>;
     onPageSizeChange: EventName<CustomEvent<PaginationEventDetail>>;
 }>;
-export declare const TuixToast: import("@lit/react").ReactWebComponent<TuixToastElement, {
+export declare const TuixToast: import("@lit/react").ReactWebComponent<WrappedTuixToast, {
     onClose: EventName<CustomEvent<undefined>>;
 }>;
-export declare const TuixModal: import("@lit/react").ReactWebComponent<TuixModalElement, {
+export declare const TuixModal: import("@lit/react").ReactWebComponent<WrappedTuixModal, {
     onClose: EventName<CustomEvent<undefined>>;
 }>;

package/dist/src/react/index.js

@@ -6,20 +6,20 @@
 // call. Importing from here registers the custom elements.
 import { createComponent } from '@lit/react';
 import * as React from 'react';
-import { TuixText as TuixTextElement, TuixIcon as TuixIconElement, TuixButton as TuixButtonElement, TuixPaper as TuixPaperElement, TuixIconButton as TuixIconButtonElement, TuixLink as TuixLinkElement, TuixInput as TuixInputElement, TuixDropdown as TuixDropdownElement, TuixCheckbox as TuixCheckboxElement, TuixRadioButton as TuixRadioButtonElement, TuixToggleButton as TuixToggleButtonElement, TuixTable as TuixTableElement, TuixToast as TuixToastElement, TuixModal as TuixModalElement, } from '../index.js';
+import { TuixText as WrappedTuixText, TuixIcon as WrappedTuixIcon, TuixButton as WrappedTuixButton, TuixPaper as WrappedTuixPaper, TuixIconButton as WrappedTuixIconButton, TuixLink as WrappedTuixLink, TuixInput as WrappedTuixInput, TuixDropdown as WrappedTuixDropdown, TuixCheckbox as WrappedTuixCheckbox, TuixRadioButton as WrappedTuixRadioButton, TuixToggleButton as WrappedTuixToggleButton, TuixTable as WrappedTuixTable, TuixToast as WrappedTuixToast, TuixModal as WrappedTuixModal, } from '../index.js';
 export const TuixText = createComponent({
     tagName: 'tuix-text',
-    elementClass: TuixTextElement,
+    elementClass: WrappedTuixText,
     react: React,
 });
 export const TuixIcon = createComponent({
     tagName: 'tuix-icon',
-    elementClass: TuixIconElement,
+    elementClass: WrappedTuixIcon,
     react: React,
 });
 export const TuixButton = createComponent({
     tagName: 'tuix-button',
-    elementClass: TuixButtonElement,
+    elementClass: WrappedTuixButton,
     react: React,
     events: {
         onCustomClick: 'customClick',
@@ -27,12 +27,12 @@ export const TuixButton = createComponent({
 });
 export const TuixPaper = createComponent({
     tagName: 'tuix-paper',
-    elementClass: TuixPaperElement,
+    elementClass: WrappedTuixPaper,
     react: React,
 });
 export const TuixIconButton = createComponent({
     tagName: 'tuix-icon-button',
-    elementClass: TuixIconButtonElement,
+    elementClass: WrappedTuixIconButton,
     react: React,
     events: {
         onCustomClick: 'customClick',
@@ -40,12 +40,12 @@ export const TuixIconButton = createComponent({
 });
 export const TuixLink = createComponent({
     tagName: 'tuix-link',
-    elementClass: TuixLinkElement,
+    elementClass: WrappedTuixLink,
     react: React,
 });
 export const TuixInput = createComponent({
     tagName: 'tuix-input',
-    elementClass: TuixInputElement,
+    elementClass: WrappedTuixInput,
     react: React,
     events: {
         onChange: 'on-change',
@@ -55,7 +55,7 @@ export const TuixInput = createComponent({
 });
 export const TuixDropdown = createComponent({
     tagName: 'tuix-dropdown',
-    elementClass: TuixDropdownElement,
+    elementClass: WrappedTuixDropdown,
     react: React,
     events: {
         onSelect: 'select',
@@ -64,7 +64,7 @@ export const TuixDropdown = createComponent({
 });
 export const TuixCheckbox = createComponent({
     tagName: 'tuix-checkbox',
-    elementClass: TuixCheckboxElement,
+    elementClass: WrappedTuixCheckbox,
     react: React,
     events: {
         onChange: 'change',
@@ -72,7 +72,7 @@ export const TuixCheckbox = createComponent({
 });
 export const TuixRadioButton = createComponent({
     tagName: 'tuix-radio-button',
-    elementClass: TuixRadioButtonElement,
+    elementClass: WrappedTuixRadioButton,
     react: React,
     events: {
         onChange: 'change',
@@ -80,7 +80,7 @@ export const TuixRadioButton = createComponent({
 });
 export const TuixToggleButton = createComponent({
     tagName: 'tuix-toggle-button',
-    elementClass: TuixToggleButtonElement,
+    elementClass: WrappedTuixToggleButton,
     react: React,
     events: {
         onChange: 'change',
@@ -88,7 +88,7 @@ export const TuixToggleButton = createComponent({
 });
 export const TuixTable = createComponent({
     tagName: 'tuix-table',
-    elementClass: TuixTableElement,
+    elementClass: WrappedTuixTable,
     react: React,
     events: {
         onNextPage: 'next-page',
@@ -98,7 +98,7 @@ export const TuixTable = createComponent({
 });
 export const TuixToast = createComponent({
     tagName: 'tuix-toast',
-    elementClass: TuixToastElement,
+    elementClass: WrappedTuixToast,
     react: React,
     events: {
         onClose: 'on-close',
@@ -106,7 +106,7 @@ export const TuixToast = createComponent({
 });
 export const TuixModal = createComponent({
     tagName: 'tuix-modal',
-    elementClass: TuixModalElement,
+    elementClass: WrappedTuixModal,
     react: React,
     events: {
         onClose: 'on-close',

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

@@ -1,6 +1,6 @@
 import { LitElement, type TemplateResult } from 'lit';
-import { MainVariant } from '../utils/mainVariant.enum.js';
-import { IconName, IconSizeVariant } from '../tuix-icon/enums/tuix-icon.enums.js';
+import { MainVariant } from '../utils/mainVariant.enum';
+import { IconName, IconSizeVariant } from '../tuix-icon/enums/tuix-icon.enums';
 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.js';
+import { MainVariant } from '../utils/mainVariant.enum';
 import { property, state } from 'lit/decorators.js';
-import { buttonTextColor } from './enums/tuix-button.enums.js';
+import { buttonTextColor } from './enums/tuix-button.enums';
 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.js';
-import { TuixBaseButton } from './TuixBaseButton.js';
+import { IconName } from '../tuix-icon/enums/tuix-icon.enums';
+import { TuixBaseButton } from './TuixBaseButton';
 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.js';
-import { buttonSizeStyles, buttonColorStyles, hostButtonStyles, } from './TuixButton.styles.js';
+import { IconName, IconSizeVariant } from '../tuix-icon/enums/tuix-icon.enums';
+import { buttonSizeStyles, buttonColorStyles, hostButtonStyles, } from './TuixButton.styles';
 import { customElement, property } from 'lit/decorators.js';
-import { ScreenSizes } from '../utils/screenSizes.enum.js';
-import { TuixBaseButton } from './TuixBaseButton.js';
+import { ScreenSizes } from '../utils/screenSizes.enum';
+import { TuixBaseButton } from './TuixBaseButton';
 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.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';
+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';
 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.js';
+import { MainVariant } from '../../utils/mainVariant.enum';
 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.js';
-import { MainVariant } from '../../utils/mainVariant.enum.js';
+import { Palette } from '../../utils/colors';
+import { MainVariant } from '../../utils/mainVariant.enum';
 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.js';
+import { CheckboxLabelSide } from './enums/tuix-checkbox.enums';
 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.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';
+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';
 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.js';
-import { DarkPalette } from '../utils/darkColors.js';
-import { ScreenSizes } from '../utils/screenSizes.enum.js';
+import { Palette } from '../utils/colors';
+import { DarkPalette } from '../utils/darkColors';
+import { ScreenSizes } from '../utils/screenSizes.enum';
 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.js';
-import { DarkPalette } from '../../utils/darkColors.js';
+import { Palette } from '../../utils/colors';
+import { DarkPalette } from '../../utils/darkColors';
 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.js';
-import { DarkPalette } from '../../utils/darkColors.js';
+import { Palette } from '../../utils/colors';
+import { DarkPalette } from '../../utils/darkColors';
 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.js';
+import { type DetailValue } from '../../utils/interfaces/detail-value.interface';
 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.js';
-import { DescriptionType } from '../tuix-input/enums/tuix-input.enums.js';
-import { DropdownType } from './enums/tuix-dropdown.enums.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';
 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.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';
+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';
 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.js';
-import { Palette } from '../utils/colors.js';
-import { ScreenSizes } from '../utils/screenSizes.enum.js';
-import { DarkPalette } from '../utils/darkColors.js';
+import { hostStyles } from '../tuix-input/TuixInput.styles';
+import { Palette } from '../utils/colors';
+import { ScreenSizes } from '../utils/screenSizes.enum';
+import { DarkPalette } from '../utils/darkColors';
 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.js';
-import { type DetailValue } from '../../utils/interfaces/detail-value.interface.js';
+import { type CustomEventTuixInput } from '../../tuix-input/interfaces/tuix-input.interface';
+import { type DetailValue } from '../../utils/interfaces/detail-value.interface';
 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.js';
-import { TextVariant } from '../tuix-text/enums/tuix-text.enums.js';
+import { IconName, IconSizeVariant } from './enums/tuix-icon.enums';
+import { TextVariant } from '../tuix-text/enums/tuix-text.enums';
 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.js';
+import { IconName } from './enums/tuix-icon.enums';
 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.js';
-import { IconName } from './enums/tuix-icon.enums.js';
+import { Palette } from '../utils/colors';
+import { IconName } from './enums/tuix-icon.enums';
 export const iconTemplate = (name, color = Palette.BLACK, fill) => {
     const iconName = name || IconName.ARROW_DOWN;
     const iconContent = iconContentMap[iconName];

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.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';
+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';
 let TuixIcon = class TuixIcon extends LitElement {
     constructor() {
         super(...arguments);

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.js';
-import { TuixBaseButton } from '../tuix-button/TuixBaseButton.js';
+import { IconName } from '../tuix-icon/enums/tuix-icon.enums';
+import { TuixBaseButton } from '../tuix-button/TuixBaseButton';
 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.js';
+import { IconName, IconSizeVariant } from '../tuix-icon/enums/tuix-icon.enums';
 import { customElement, property } from 'lit/decorators.js';
-import { ScreenSizes } from '../utils/screenSizes.enum.js';
-import { buttonColorStyles, hostButtonStyles, } from '../tuix-button/TuixButton.styles.js';
-import { TuixBaseButton } from '../tuix-button/TuixBaseButton.js';
+import { ScreenSizes } from '../utils/screenSizes.enum';
+import { buttonColorStyles, hostButtonStyles, } from '../tuix-button/TuixButton.styles';
+import { TuixBaseButton } from '../tuix-button/TuixBaseButton';
 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.js';
+import { IconName } from '../tuix-icon/enums/tuix-icon.enums';
 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.js';
+import { IconName, IconSizeVariant } from '../tuix-icon/enums/tuix-icon.enums';
 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.js';
-import { Palette } from '../utils/colors.js';
-import { DarkPalette } from '../utils/darkColors.js';
-import { hexToRgb } from '../utils/hex-rgb.js';
+import { ScreenSizes } from '../utils/screenSizes.enum';
+import { Palette } from '../utils/colors';
+import { DarkPalette } from '../utils/darkColors';
+import { hexToRgb } from '../utils/hex-rgb';
 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.js';
-import { Palette } from '../../utils/colors.js';
-import { DarkPalette } from '../../utils/darkColors.js';
+import { IconName } from '../../tuix-icon/enums/tuix-icon.enums';
+import { Palette } from '../../utils/colors';
+import { DarkPalette } from '../../utils/darkColors';
 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.js';
-import { Palette } from '../../utils/colors.js';
-import { DarkPalette } from '../../utils/darkColors.js';
+import { IconName } from '../../tuix-icon/enums/tuix-icon.enums';
+import { Palette } from '../../utils/colors';
+import { DarkPalette } from '../../utils/darkColors';
 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.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';
+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';
 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.js';
-import { LinkTarget } from './enums/linkTarget.enum.js';
+import { MainVariant } from '../utils/mainVariant.enum';
+import { LinkTarget } from './enums/linkTarget.enum';
 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.js';
-import { LinkTarget } from './enums/linkTarget.enum.js';
+import { MainVariant } from '../utils/mainVariant.enum';
+import { LinkTarget } from './enums/linkTarget.enum';
 import { classMap } from 'lit/directives/class-map.js';
-import { linkStyles } from './TuixLink.styles.js';
-import { linkFontStyles } from '../tuix-text/TuixText.styles.js';
+import { linkStyles } from './TuixLink.styles';
+import { linkFontStyles } from '../tuix-text/TuixText.styles';
 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.js';
-import { Palette } from '../utils/colors.js';
-import { DarkPalette } from '../utils/darkColors.js';
+import { MainVariant } from '../utils/mainVariant.enum';
+import { Palette } from '../utils/colors';
+import { DarkPalette } from '../utils/darkColors';
 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.js';
-import { Palette } from '../utils/colors.js';
+import { ScreenSizes } from '../utils/screenSizes.enum';
+import { Palette } from '../utils/colors';
 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.js';
+import { BorderRadiusPaper, PaperElevation } from './enums/tuix-paper.enum';
 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.js';
+import { BorderRadiusPaper, PaperElevation } from './enums/tuix-paper.enum';
 import { classMap } from 'lit/directives/class-map.js';
 import { styleMap } from 'lit/directives/style-map.js';
-import { paperStyles } from './TuixPaper.styles.js';
+import { paperStyles } from './TuixPaper.styles';
 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.js';
-import { Palette } from '../utils/colors.js';
+import { PaperElevation } from './enums/tuix-paper.enum';
+import { Palette } from '../utils/colors';
 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.js';
-import type { TuixRadioButtonOption } from './interfaces/tuix-radio-button.interface.js';
+import { CheckboxLabelSide } from '../tuix-checkbox/enums/tuix-checkbox.enums';
+import type { TuixRadioButtonOption } from './interfaces/tuix-radio-button.interface';
 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.js';
-import { TextSize, TextVariant } from '../tuix-text/enums/tuix-text.enums.js';
-import { radioButtonContainerStyles, radioButtonInnerStyles, radioButtonLabelStyles, radioButtonStyles, radioHostStyles, } from './TuixRadioButton.styles.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';
 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.js';
-import { Palette } from '../utils/colors.js';
-import { ScreenSizes } from '../utils/screenSizes.enum.js';
+import { hostStyles } from '../tuix-checkbox/TuixCheckbox.styles';
+import { Palette } from '../utils/colors';
+import { ScreenSizes } from '../utils/screenSizes.enum';
 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.js';
+import { type DetailValue } from '../../utils/interfaces/detail-value.interface';
 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.js';
-import { TextSize, TextVariant } from '../tuix-text/enums/tuix-text.enums.js';
+import { tableStyles, threeDots } from './TuixTable.styles';
+import { TextSize, TextVariant } from '../tuix-text/enums/tuix-text.enums';
 import { IconName } from '../tuix-icon/enums/tuix-icon.enums.js';
-import { Palette } from '../utils/colors.js';
-import { ScreenSizes } from '../utils/screenSizes.enum.js';
+import { Palette } from '../utils/colors';
+import { ScreenSizes } from '../utils/screenSizes.enum';
 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.js';
+import { ScreenSizes } from '../utils/screenSizes.enum';
 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.js';
-import { TextSize } from './enums/tuix-text.enums.js';
-import slottedClassName from '../utils/slottedClassName.js';
+import { ScreenSizes } from '../utils/screenSizes.enum';
+import { TextSize } from './enums/tuix-text.enums';
+import slottedClassName from '../utils/slottedClassName';
 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.js';
-import { DarkPalette } from '../../utils/darkColors.js';
+import { Palette } from '../../utils/colors';
+import { DarkPalette } from '../../utils/darkColors';
 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.js';
+import { ScreenSizes } from '../utils/screenSizes.enum';
 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.js';
-import { Palette } from '../../utils/colors.js';
-import { DarkPalette } from '../../utils/darkColors.js';
+import { IconName } from '../../tuix-icon/enums/tuix-icon.enums';
+import { Palette } from '../../utils/colors';
+import { DarkPalette } from '../../utils/darkColors';
 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.js';
-import { Palette } from '../../utils/colors.js';
-import { DarkPalette } from '../../utils/darkColors.js';
+import { IconName } from '../../tuix-icon/enums/tuix-icon.enums';
+import { Palette } from '../../utils/colors';
+import { DarkPalette } from '../../utils/darkColors';
 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.js';
+import { CheckboxLabelSide } from '../tuix-checkbox/enums/tuix-checkbox.enums';
 export declare class TuixToggleButton extends LitElement {
     static styles: import("lit").CSSResult[];
     checked: boolean;

package/dist/src/tuix-toggle-button/TuixToggleButton.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.js';
-import { TextSize, TextVariant } from '../tuix-text/enums/tuix-text.enums.js';
-import { toggleButtonCheckmarkStyles, toggleButtonContainerStyles, toggleButtonHostStyles, toggleButtonInnerStyles, toggleButtonLabelStyles, } from './TuixToggleButton.styles.js';
+import { CheckboxLabelSide } from '../tuix-checkbox/enums/tuix-checkbox.enums';
+import { TextSize, TextVariant } from '../tuix-text/enums/tuix-text.enums';
+import { toggleButtonCheckmarkStyles, toggleButtonContainerStyles, toggleButtonHostStyles, toggleButtonInnerStyles, toggleButtonLabelStyles, } from './TuixToggleButton.styles';
 let TuixToggleButton = class TuixToggleButton extends LitElement {
     constructor() {
         super(...arguments);

package/dist/src/tuix-toggle-button/TuixToggleButton.styles.js

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

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

@@ -1,2 +1,2 @@
-import { type CustomEventTuixCheckbox } from '../../tuix-checkbox/interfaces/tuix-checkbox.interface.js';
+import { type CustomEventTuixCheckbox } from '../../tuix-checkbox/interfaces/tuix-checkbox.interface';
 export type CustomEventTuixToggle = CustomEventTuixCheckbox;

package/package.json

@@ -99,11 +99,14 @@
       "prettier --write"
     ],
     "src/**/*.{gql,graphql,mjs,js,jsx,ts,tsx,json}": [
+      "prettier --write",
       "eslint --quiet --fix"
     ],
-    "src/**/*.{ts,tsx}": [
-      "npm run format",
-      "npm run lint"
+    "scripts/**/*.{mjs,js,ts}": [
+      "prettier --write"
+    ],
+    "docs/**/*.{mjs,js,ts,tsx,css,mdx}": [
+      "docs/node_modules/.bin/prettier --write --ignore-path docs/.gitignore"
     ],
     "*.{tf,tfvars,tftest.hcl}": [
       "terraform fmt -recursive"
@@ -118,8 +121,8 @@
   },
   "scripts": {
     "analyze": "cem analyze --litelement",
-    "build": "rm -rf dist && npm run analyze -- --exclude dist && npm run generate:react && tsc -p tsconfig.publish.json --outDir dist && npm run build:css && tsc-esm-fix dist",
-    "build:css": "mkdir -p dist/assets && npm run compileStylesJss --silent > dist/assets/tuix-styles.css",
+    "build": "rm -rf package-build && npm run analyze && npm run generate:react && tsc -p tsconfig.publish.json && npm run build:css && tsc-esm-fix package-build",
+    "build:css": "mkdir -p package-build/assets && npm run compileStylesJss --silent > package-build/assets/tuix-styles.css",
     "calculateNextVersion": "tsx ./scripts/detect-changes.ts",
     "compileStylesJss": "tsx ./scripts/build-styles.ts",
     "createWebbundle": "tsx ./scripts/build-webbundle.ts",
@@ -133,13 +136,14 @@
     "lint": "eslint './src/**/*.{ts,tsx}' --fix",
     "prepare": "husky install",
     "preview": "node ./scripts/preview.mjs",
-    "prepublishOnly": "npm run build",
+    "prepublishOnly": "npm run build && npm run stage:package",
     "publish:local": "./scripts/publish-local-npm.sh",
+    "stage:package": "rm -rf dist && mkdir dist && cp -a package-build/. dist/",
     "start": "rm -rf build && tsc --outDir build && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
-    "storybook": "rm -rf build && npm run analyze -- --exclude dist && storybook dev -p 6006",
-    "storybook:build": "rm -rf dist/storybook && npm run analyze -- --exclude dist && storybook build -o dist/storybook",
+    "storybook": "rm -rf build && npm run analyze && storybook dev -p 6006",
+    "storybook:build": "rm -rf dist/storybook && npm run analyze && storybook build -o dist/storybook",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "type": "module",
-  "version": "0.0.24"
+  "version": "0.0.25"
 }