@skf-design-system/ui-components 1.0.0-alpha.33 → 1.0.0-alpha.35

package/package.json

@@ -7,7 +7,7 @@
   },
   "engines": {
     "node": ">=20",
-    "pnpm": ">=9"
+    "pnpm": ">=10"
   },
   "engineStrict": true,
   "customElements": "./dist/custom-elements.json",
@@ -31,95 +31,79 @@
     "type": "git",
     "url": "git+https://github.com/SKF-Internal/ui-components.git"
   },
-  "sideEffects": false,
+  "sideEffects": true,
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "1.0.0-alpha.33",
+  "version": "1.0.0-alpha.35",
   "dependencies": {
-    "@floating-ui/dom": "^1.6.12"
+    "@floating-ui/dom": "^1.6.13",
+    "@js-temporal/polyfill": "^0.5.1"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.2",
-    "@commitlint/cli": "^19.6.0",
-    "@commitlint/config-conventional": "^19.6.0",
-    "@custom-elements-manifest/analyzer": "^0.10.3",
-    "@eslint/js": "^9.16.0",
-    "@lit/react": "^1.0.6",
-    "@playwright/test": "^1.49.0",
-    "@skf-design-system/ui-assets": "0.1.3-beta.9",
-    "@skf-design-system/wc-storybook-helpers": "^0.1.0",
-    "@storybook/addon-a11y": "^8.4.7",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-links": "^8.4.7",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/manager-api": "^8.4.7",
-    "@storybook/test": "^8.4.7",
-    "@storybook/test-runner": "^0.20.1",
-    "@storybook/theming": "^8.4.7",
-    "@storybook/web-components": "^8.4.7",
-    "@storybook/web-components-vite": "^8.4.7",
-    "@types/node": "^22.10.1",
-    "@types/react": "^18.3.12",
-    "cem-plugin-expanded-types": "^1.3.3",
-    "command-line-args": "^6.0.1",
-    "concurrently": "^9.1.0",
-    "custom-element-jet-brains-integration": "^1.6.2",
-    "custom-element-jsx-integration": "^1.5.4",
-    "custom-element-vs-code-integration": "^1.4.1",
-    "custom-element-vuejs-integration": "^1.3.3",
-    "del": "^8.0.0",
-    "eslint": "^9.16.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-lit": "^1.15.0",
+    "@chromatic-com/storybook": "^3.2.6",
+    "@commitlint/cli": "^19.8.0",
+    "@commitlint/config-conventional": "^19.8.0",
+    "@custom-elements-manifest/analyzer": "^0.10.4",
+    "@eslint/js": "^9.24.0",
+    "@skf-design-system/ui-assets": "0.1.3-beta.4",
+    "@storybook/addon-a11y": "^8.6.12",
+    "@storybook/addon-essentials": "^8.6.12",
+    "@storybook/addon-interactions": "^8.6.12",
+    "@storybook/addon-links": "^8.6.12",
+    "@storybook/blocks": "^8.6.12",
+    "@storybook/manager-api": "^8.6.12",
+    "@storybook/test": "^8.6.12",
+    "@storybook/theming": "^8.6.12",
+    "@storybook/web-components": "^8.6.12",
+    "@storybook/web-components-vite": "^8.6.12",
+    "@types/node": "^22.14.1",
+    "@wc-toolkit/module-path-resolver": "^1.0.0",
+    "@wc-toolkit/storybook-helpers": "^1.1.2",
+    "@wc-toolkit/type-parser": "^1.0.3",
+    "concurrently": "^9.1.2",
+    "custom-element-jet-brains-integration": "^1.7.0",
+    "custom-element-jsx-integration": "^1.6.0",
+    "custom-element-vs-code-integration": "^1.5.0",
+    "custom-element-vuejs-integration": "^1.4.0",
+    "eslint": "^9.24.0",
+    "eslint-plugin-lit": "^2.0.0",
     "eslint-plugin-lit-a11y": "^4.1.4",
-    "eslint-plugin-wc": "^2.2.0",
-    "express": "^4.21.2",
+    "eslint-plugin-wc": "^3.0.0",
     "husky": "^9.1.7",
-    "lint-staged": "^15.2.10",
-    "lit": "^3.2.1",
-    "postcss-styled-syntax": "^0.7.0",
-    "prettier": "3.4.2",
-    "react": "^18.3.1",
-    "storybook": "^8.4.7",
-    "stylelint": "^16.11.0",
-    "stylelint-config-standard": "^36.0.1",
-    "stylelint-no-unsupported-browser-features": "^8.0.2",
+    "lint-staged": "^15.5.1",
+    "lit": "^3.3.0",
+    "postcss-styled-syntax": "^0.7.1",
+    "prettier": "3.5.3",
+    "storybook": "^8.6.12",
+    "stylelint": "^16.18.0",
+    "stylelint-config-standard": "^38.0.0",
+    "stylelint-no-unsupported-browser-features": "^8.0.4",
     "stylelint-order": "^6.0.4",
     "stylelint-value-no-unknown-custom-properties": "^6.0.1",
-    "tsc-alias": "^1.8.10",
-    "typescript": "^5.7.2",
-    "typescript-eslint": "^8.17.0",
-    "vite": "^6.0.3",
+    "tsc-alias": "^1.8.15",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.30.1",
+    "vite": "^6.3.0",
     "vite-tsconfig-paths": "^5.1.4"
   },
   "peerDependencies": {
-    "@lit/react": "^1.0.5",
     "@skf-design-system/ui-assets": "0.1.3-beta.1",
     "lit": "^3.1.3"
   },
   "scripts": {
-    "analyze": "cem analyze --config \"./custom-elements-manifest.config.js\"",
+    "analyze": "cem analyze",
     "dev": "vite",
-    "build": "pnpm build:web-components && pnpm build:react && bash ./scripts/extra-build-checks.sh",
-    "build:web-components": "vite build && tsc && pnpm cem analyze && tsc-alias",
-    "build:react": "pnpm generate:react && pnpm tsc -p tsconfig.react.json && mv dist-react/react/ dist/react/ && rm -rf dist-react && rm -rf src/react",
+    "build": "vite build && tsc && pnpm cem analyze && tsc-alias && bash ./scripts/extra-build-checks.sh",
     "build-storybook": "storybook build",
     "create-component": "node scripts/create-component/create-component.js",
     "format": "pnpm format:eslint && pnpm format:stylelint && pnpm format:prettier",
     "format:eslint": "eslint \"**/*.{js,ts}\" --fix --ignore-pattern .gitignore",
     "format:prettier": "prettier \"**/*.{css,js,ts}\" --write --ignore-path .gitignore --log-level warn",
     "format:stylelint": "stylelint \"**/*.{css,ts}\" --fix --ignore-path .gitignore",
-    "generate": "pnpm generate:tokens && pnpm generate:index",
-    "generate:index": "node \"./scripts/generate-index.cjs\"",
-    "generate:react": "node ./scripts/make-react.js --outdir dist",
     "lint": "pnpm lint:eslint && pnpm lint:stylelint && pnpm lint:prettier",
     "lint:eslint": "eslint \"**/*.{js,ts}\" --ignore-pattern .gitignore",
     "lint:prettier": "prettier \"**/*.{js,ts}\" --check --ignore-path .gitignore --log-level warn",
     "lint:stylelint": "stylelint \"**/*.{css,ts}\" --quiet --ignore-path .gitignore",
-    "serve:storybook-static": "pnpm build && pnpm build-storybook && node ./build/serve.js",
-    "storybook": "concurrently \"storybook dev -p 9009\" \"pnpm analyze --watch\"",
-    "test": "npx playwright test",
-    "test:ui": " npx playwright test --ui"
+    "storybook": "concurrently \"storybook dev -p 6006\" \"pnpm analyze --watch\""
   }
 }

package/dist/components/accordion/accordion.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/checkbox/checkbox.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/collapse/collapse.component.d.ts

@@ -1,40 +0,0 @@
-import '../icon/icon.js';
-import { SkfElement } from '../../internal/components/skf-element.js';
-import type { HeadingType } from '../../internal/constants/heading.js';
-import type { CSSResultGroup } from 'lit';
-/**
- * The `<skf-collapse>` component is a general purpose container for content that can be collapsed / expanded.
- *
- * See [zeroheight](https://zeroheight.com/853e936c9/p/6590bf-accordion) for design principles.
- *
- * @event {CustomEvent} skf-collapse-toggle - Event emitted when toggled
- *
- * @slot - Main content
- *
- * @tagname skf-collapse
- */
-export declare class SkfCollapse extends SkfElement {
-    static styles: CSSResultGroup;
-    /** If true, will animate the expand/collapse state */
-    animated: boolean;
-    /** If true, will set the collapse to be expanded by default */
-    expanded: boolean;
-    /** Heading for the collapse */
-    heading?: string;
-    /**
-     * Defines which heading element will be rendered
-     * @type { "h2" | "h3" | "h4" }
-     */
-    headingAs: Exclude<HeadingType, 'h1'>;
-    /** If true, renders the small version */
-    small: boolean;
-    /** If true, will truncate the heading in collapsed state */
-    truncate: boolean;
-    /** Class method as alternative to manipulate attribute */
-    setClose(): void;
-    /** Class method as alternative to manipulate attribute */
-    setOpen(): void;
-    /** @internal */
-    private _toggle;
-    render(): import("lit").TemplateResult;
-}

package/dist/components/collapse/collapse.component.js

@@ -1,85 +0,0 @@
-import { SkfElement as c } from "../../internal/components/skf-element.js";
-import h from "../../styles/component.styles.js";
-import { property as s } from "lit/decorators.js";
-import { classMap as m } from "lit/directives/class-map.js";
-import { ifDefined as f } from "lit/directives/if-defined.js";
-import { html as u, unsafeStatic as d } from "lit/static-html.js";
-import _ from "./collapse.styles.js";
-var y = Object.defineProperty, a = (i, n, r, g) => {
-  for (var t = void 0, l = i.length - 1, p; l >= 0; l--)
-    (p = i[l]) && (t = p(n, r, t) || t);
-  return t && y(n, r, t), t;
-};
-const o = class o extends c {
-  constructor() {
-    super(...arguments), this.animated = !1, this.expanded = !1, this.headingAs = "h2", this.small = !1, this.truncate = !1, this._toggle = () => {
-      this.dispatchEvent(
-        new CustomEvent("skf-collapse-toggle", {
-          bubbles: !0,
-          composed: !0,
-          cancelable: !0
-        })
-      ), this.expanded = !this.expanded;
-    };
-  }
-  /** Class method as alternative to manipulate attribute */
-  setClose() {
-    this.expanded = !1;
-  }
-  /** Class method as alternative to manipulate attribute */
-  setOpen() {
-    this.expanded = !0;
-  }
-  render() {
-    return u`
-			<div class=${m({
-      collapse: !0,
-      "collapse--animated": this.animated,
-      "collapse--expanded": this.expanded,
-      "collapse--small": this.small,
-      "collapse--truncate": this.truncate
-    })}>
-				<${d(this.headingAs)} class="collapse__heading">
-					<button
-						@click=${this._toggle}
-						aria-controls="main"
-						aria-expanded=${f(this.expanded ? "true" : "false")}
-						class="collapse__btn"
-						type="button"
-					>
-						<span class="collapse__label">${this.heading}</span>
-						<skf-icon class="collapse__icon" name=${this.expanded ? "caretUp" : "caretDown"}></skf-icon>
-					</button>
-				</${d(this.headingAs)}>
-				<div class="collapse__body">
-					<div class="collapse__main" data-testid="main" id="main">
-						<slot></slot>
-					</div>
-				</div>
-			</div>
-		`;
-  }
-};
-o.styles = [h, _];
-let e = o;
-a([
-  s({ type: Boolean, reflect: !0 })
-], e.prototype, "animated");
-a([
-  s({ type: Boolean, reflect: !0 })
-], e.prototype, "expanded");
-a([
-  s()
-], e.prototype, "heading");
-a([
-  s({ attribute: "heading-as" })
-], e.prototype, "headingAs");
-a([
-  s({ type: Boolean, reflect: !0 })
-], e.prototype, "small");
-a([
-  s({ type: Boolean, reflect: !0 })
-], e.prototype, "truncate");
-export {
-  e as SkfCollapse
-};

package/dist/components/collapse/collapse.d.ts

@@ -1,8 +0,0 @@
-import { SkfCollapse } from './collapse.component.js';
-export * from './collapse.component.js';
-export default SkfCollapse;
-declare global {
-    interface HTMLElementTagNameMap {
-        'skf-collapse': SkfCollapse;
-    }
-}

package/dist/components/collapse/collapse.js

@@ -1,6 +0,0 @@
-import { SkfCollapse as e } from "./collapse.component.js";
-e.define("skf-collapse");
-export {
-  e as SkfCollapse,
-  e as default
-};

package/dist/components/collapse/collapse.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/components/collapse/collapse.styles.js

@@ -1,77 +0,0 @@
-import { css as a } from "lit";
-const s = a`
-	/* stylelint-disable selector-class-pattern */
-	@layer components {
-		.collapse {
-			background: var(--skf-bg-color-neutral-1);
-			border-bottom: var(--skf-border-width-sm) solid var(--skf-border-color-tertiary);
-		}
-
-		.collapse__heading {
-			font-size: var(--_skf-collapse-heading-size, var(--skf-font-size-100));
-			font-weight: var(--_skf-collapse-heading-weight, normal);
-
-			.collapse--small & {
-				--_skf-collapse-heading-size: var(--skf-font-size-75);
-				--_skf-collapse-heading-weight: var(--skf-font-weight-medium);
-			}
-		}
-
-		.collapse__btn {
-			align-items: center;
-			display: flex;
-			padding-block: var(--_skf-collapse-button-padding-block, var(--skf-spacing-50));
-			padding-inline: var(--skf-spacing-75);
-			width: 100%;
-
-			&:focus-visible {
-				outline: var(--skf-border-width-md) solid var(--skf-interactive-border-color-focus);
-				outline-offset: -2px;
-			}
-
-			.collapse--small & {
-				--_skf-collapse-button-padding-block: var(--skf-spacing-25);
-			}
-		}
-
-		.collapse__label {
-			.collapse--truncate:not(.collapse--expanded) & {
-				overflow: hidden;
-				text-overflow: ellipsis;
-				white-space: nowrap;
-			}
-		}
-
-		.collapse__icon {
-			margin-inline-start: auto;
-		}
-
-		.collapse__body {
-			display: grid;
-			grid-template-rows: var(--_skf-collapse-body-height, 0fr);
-			padding-inline: var(--skf-spacing-75);
-
-			.collapse--animated & {
-				transition: grid-template-rows calc(var(--skf-motion-duration-normal) * 1ms)
-					var(--skf-motion-easing-ease-in);
-			}
-
-			.collapse--expanded & {
-				--_skf-collapse-body-height: 1fr;
-			}
-		}
-
-		.collapse__main {
-			overflow: hidden;
-
-			&::after {
-				content: '';
-				display: block;
-				padding-block-end: var(--skf-spacing-100);
-			}
-		}
-	}
-`;
-export {
-  s as default
-};

package/dist/components/collapse/collapse.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/input/input.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/menu-item/menu-item.component.d.ts

@@ -1,25 +0,0 @@
-import { SkfLink } from '../link/link.component.js';
-import { type CSSResultGroup } from 'lit';
-/**
- * The `<skf-menu-item>` is a component that displays a list of actions or options.
- *
- * @documentation See [zeroheight](https://zeroheight.com/****) for design principles
- *
- * @event {CustomEvent} my-tag-my-event - Fired when something happens
- *
- * @event click - Fired when the component is clicked
- * @event mouseover - Fired when the mouse is over the component
- * @event mouseout - Fired when the mouse is out of the component
- * @event focus - Fired when the component is focused
- * @event blur - Fired when the component is blurred
- * @event change - Fired when the component's value changes
- *
- * @slot - The component's main content
- * @slot my-named-slot - A named slot of the component
- *
- * @tagname skf-menu-item
- */
-export declare class SkfMenuItem extends SkfLink {
-    static styles: CSSResultGroup;
-    constructor();
-}

package/dist/components/radio/radio.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/select-option/select-option.controllers.d.ts

@@ -1,9 +0,0 @@
-import type { SkfSelectOption } from '../select-option/select-option.component.js';
-import type { ReactiveController } from 'lit';
-type ControllerHost = SkfSelectOption;
-export declare class DeveloperFeedbackController implements ReactiveController {
-    host: ControllerHost;
-    constructor(host: ControllerHost);
-    hostUpdated(): void;
-}
-export {};

package/dist/components/switch/switch.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/tab-group/tab-group.d.ts

@@ -1,8 +0,0 @@
-import { SkfTabGroup } from './tab-group.component';
-export * from './tab-group.component';
-export default SkfTabGroup;
-declare global {
-    interface HTMLElementTagNameMap {
-        'skf-tab-group': SkfTabGroup;
-    }
-}

package/dist/components/tab-group/tab-group.js

@@ -1,6 +0,0 @@
-import { SkfTabGroup as f } from "./tab-group.component.js";
-f.define("skf-tab-group");
-export {
-  f as SkfTabGroup,
-  f as default
-};

package/dist/components/toast-item/toast-item.styles.js

@@ -1,16 +0,0 @@
-import { css as r } from "lit";
-const s = r`
-	:host {
-		overflow: hidden;
-		padding-block-end: 3px;
-	}
-
-	#root {
-		background-color: var(--skf-bg-color-neutral-1);
-		border-inline-start: var(--skf-size-8) solid
-			var(--_skf-alert-border-color, var(--skf-border-color-primary));
-	}
-`;
-export {
-  s as default
-};

package/dist/internal/constants/heading.d.ts

@@ -1,2 +0,0 @@
-export declare const HEADING_TYPE_KEYS: readonly ["h1", "h2", "h3", "h4"];
-export type HeadingType = (typeof HEADING_TYPE_KEYS)[number];

package/dist/internal/playwright/index.d.ts

@@ -1 +0,0 @@
-export declare function fixture(id: string, name: string): string;

package/dist/react/index.d.ts

@@ -1,33 +0,0 @@
-export { default as SkfAccordion } from './skf-accordion/index.js';
-export { default as SkfAlert } from './skf-alert/index.js';
-export { default as SkfButton } from './skf-button/index.js';
-export { default as SkfCard } from './skf-card/index.js';
-export { default as SkfCheckbox } from './skf-checkbox/index.js';
-export { default as SkfCollapse } from './skf-collapse/index.js';
-export { default as SkfDialog } from './skf-dialog/index.js';
-export { default as SkfDivider } from './skf-divider/index.js';
-export { default as SkfHeading } from './skf-heading/index.js';
-export { default as SkfIcon } from './skf-icon/index.js';
-export { default as SkfInput } from './skf-input/index.js';
-export { default as SkfLink } from './skf-link/index.js';
-export { default as SkfLoader } from './skf-loader/index.js';
-export { default as SkfLogo } from './skf-logo/index.js';
-export { default as SkfMenu } from './skf-menu/index.js';
-export { default as SkfMenuItem } from './skf-menu-item/index.js';
-export { default as SkfPopover } from './skf-popover/index.js';
-export { default as SkfProgress } from './skf-progress/index.js';
-export { default as SkfRadio } from './skf-radio/index.js';
-export { default as SkfSelect } from './skf-select/index.js';
-export { default as SkfSelectOption } from './skf-select-option/index.js';
-export { default as SkfSelectOptionGroup } from './skf-select-option-group/index.js';
-export { default as SkfStepper } from './skf-stepper/index.js';
-export { default as SkfStepperItem } from './skf-stepper-item/index.js';
-export { default as SkfSwitch } from './skf-switch/index.js';
-export { default as SkfTab } from './skf-tab/index.js';
-export { default as SkfTabGroup } from './skf-tab-group/index.js';
-export { default as SkfTabPanel } from './skf-tab-panel/index.js';
-export { default as SkfTag } from './skf-tag/index.js';
-export { default as SkfTextArea } from './skf-textarea/index.js';
-export { default as SkfToast } from './skf-toast/index.js';
-export { default as SkfToastWrapper } from './skf-toast-wrapper/index.js';
-export { default as SkfTooltip } from './skf-tooltip/index.js';

package/dist/react/index.js

@@ -1,33 +0,0 @@
-export { default as SkfAccordion } from './skf-accordion/index.js';
-export { default as SkfAlert } from './skf-alert/index.js';
-export { default as SkfButton } from './skf-button/index.js';
-export { default as SkfCard } from './skf-card/index.js';
-export { default as SkfCheckbox } from './skf-checkbox/index.js';
-export { default as SkfCollapse } from './skf-collapse/index.js';
-export { default as SkfDialog } from './skf-dialog/index.js';
-export { default as SkfDivider } from './skf-divider/index.js';
-export { default as SkfHeading } from './skf-heading/index.js';
-export { default as SkfIcon } from './skf-icon/index.js';
-export { default as SkfInput } from './skf-input/index.js';
-export { default as SkfLink } from './skf-link/index.js';
-export { default as SkfLoader } from './skf-loader/index.js';
-export { default as SkfLogo } from './skf-logo/index.js';
-export { default as SkfMenu } from './skf-menu/index.js';
-export { default as SkfMenuItem } from './skf-menu-item/index.js';
-export { default as SkfPopover } from './skf-popover/index.js';
-export { default as SkfProgress } from './skf-progress/index.js';
-export { default as SkfRadio } from './skf-radio/index.js';
-export { default as SkfSelect } from './skf-select/index.js';
-export { default as SkfSelectOption } from './skf-select-option/index.js';
-export { default as SkfSelectOptionGroup } from './skf-select-option-group/index.js';
-export { default as SkfStepper } from './skf-stepper/index.js';
-export { default as SkfStepperItem } from './skf-stepper-item/index.js';
-export { default as SkfSwitch } from './skf-switch/index.js';
-export { default as SkfTab } from './skf-tab/index.js';
-export { default as SkfTabGroup } from './skf-tab-group/index.js';
-export { default as SkfTabPanel } from './skf-tab-panel/index.js';
-export { default as SkfTag } from './skf-tag/index.js';
-export { default as SkfTextArea } from './skf-textarea/index.js';
-export { default as SkfToast } from './skf-toast/index.js';
-export { default as SkfToastWrapper } from './skf-toast-wrapper/index.js';
-export { default as SkfTooltip } from './skf-tooltip/index.js';

package/dist/react/skf-accordion/index.d.ts

@@ -1,3 +0,0 @@
-import Component from '../../components/accordion/accordion.js';
-declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
-export default reactWrapper;

package/dist/react/skf-accordion/index.js

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { createComponent } from '@lit/react';
-import Component from '../../components/accordion/accordion.js';
-const tagName = 'skf-accordion';
-Component.define('skf-accordion');
-const reactWrapper = createComponent({
-    tagName,
-    elementClass: Component,
-    react: React,
-    events: {},
-    displayName: 'SkfAccordion',
-});
-export default reactWrapper;

package/dist/react/skf-alert/index.d.ts

@@ -1,9 +0,0 @@
-import Component from '../../components/alert/alert.js';
-import { type SkfAlert } from '../../components/alert/alert.js';
-import { type EventName } from '@lit/react';
-declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onSkfAlertClose: EventName<Event & {
-        target: SkfAlert;
-    }>;
-}>;
-export default reactWrapper;

package/dist/react/skf-alert/index.js

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { createComponent } from '@lit/react';
-import Component from '../../components/alert/alert.js';
-import {} from '../../components/alert/alert.js';
-import {} from '@lit/react';
-const tagName = 'skf-alert';
-Component.define('skf-alert');
-const reactWrapper = createComponent({
-    tagName,
-    elementClass: Component,
-    react: React,
-    events: {
-        onSkfAlertClose: 'skf-alert-close',
-    },
-    displayName: 'SkfAlert',
-});
-export default reactWrapper;

package/dist/react/skf-button/index.d.ts

@@ -1,9 +0,0 @@
-import Component from '../../components/button/button.js';
-import { type SkfButton } from '../../components/button/button.js';
-import { type EventName } from '@lit/react';
-declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClick: EventName<Event & {
-        target: SkfButton;
-    }>;
-}>;
-export default reactWrapper;

package/dist/react/skf-button/index.js

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { createComponent } from '@lit/react';
-import Component from '../../components/button/button.js';
-import {} from '../../components/button/button.js';
-import {} from '@lit/react';
-const tagName = 'skf-button';
-Component.define('skf-button');
-const reactWrapper = createComponent({
-    tagName,
-    elementClass: Component,
-    react: React,
-    events: {
-        onClick: 'click',
-    },
-    displayName: 'SkfButton',
-});
-export default reactWrapper;

package/dist/react/skf-card/index.d.ts

@@ -1,3 +0,0 @@
-import Component from '../../components/card/card.js';
-declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
-export default reactWrapper;

package/dist/react/skf-card/index.js

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { createComponent } from '@lit/react';
-import Component from '../../components/card/card.js';
-const tagName = 'skf-card';
-Component.define('skf-card');
-const reactWrapper = createComponent({
-    tagName,
-    elementClass: Component,
-    react: React,
-    events: {},
-    displayName: 'SkfCard',
-});
-export default reactWrapper;