@skf-design-system/ui-components 1.0.1-beta.1 → 1.0.2-beta.0

package/package.json

@@ -7,7 +7,7 @@
   },
   "engines": {
     "node": ">=20",
-    "pnpm": ">=9"
+    "pnpm": ">=10"
   },
   "engineStrict": true,
   "customElements": "./dist/custom-elements.json",
@@ -34,91 +34,81 @@
   "sideEffects": true,
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "1.0.1-beta.1",
+  "version": "1.0.2-beta.0",
   "dependencies": {
     "@floating-ui/dom": "^1.6.13",
     "@js-temporal/polyfill": "^0.4.4"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.3",
-    "@commitlint/cli": "^19.6.1",
-    "@commitlint/config-conventional": "^19.6.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.18.0",
-    "@lit/react": "^1.0.7",
-    "@playwright/test": "^1.49.1",
+    "@eslint/js": "^9.22.0",
+    "@playwright/test": "^1.51.1",
     "@skf-design-system/ui-assets": "0.1.3-beta.4",
-    "@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.21.0",
-    "@storybook/theming": "^8.4.7",
-    "@storybook/web-components": "^8.4.7",
-    "@storybook/web-components-vite": "^8.4.7",
-    "@types/node": "^22.10.5",
-    "@types/react": "^18.3.12",
-    "cem-plugin-expanded-types": "^1.3.3",
-    "command-line-args": "^6.0.1",
+    "@storybook/addon-a11y": "^8.6.7",
+    "@storybook/addon-essentials": "^8.6.7",
+    "@storybook/addon-interactions": "^8.6.7",
+    "@storybook/addon-links": "^8.6.7",
+    "@storybook/blocks": "^8.6.7",
+    "@storybook/manager-api": "^8.6.7",
+    "@storybook/test": "^8.6.7",
+    "@storybook/test-runner": "^0.22.0",
+    "@storybook/theming": "^8.6.7",
+    "@storybook/web-components": "^8.6.7",
+    "@storybook/web-components-vite": "^8.6.7",
+    "@types/node": "^22.13.10",
+    "@wc-toolkit/module-path-resolver": "^1.0.0",
+    "@wc-toolkit/storybook-helpers": "^1.0.4",
+    "@wc-toolkit/type-parser": "^1.0.3",
     "concurrently": "^9.1.2",
-    "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.18.0",
-    "eslint-config-prettier": "^9.1.0",
+    "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.22.0",
+    "eslint-config-prettier": "^10.1.1",
     "eslint-plugin-lit": "^1.15.0",
     "eslint-plugin-lit-a11y": "^4.1.4",
     "eslint-plugin-wc": "^2.2.0",
     "express": "^4.21.2",
     "husky": "^9.1.7",
-    "lint-staged": "^15.3.0",
+    "lint-staged": "^15.5.0",
     "lit": "^3.2.1",
-    "postcss-styled-syntax": "^0.7.0",
-    "prettier": "3.4.2",
-    "react": "^18.3.1",
-    "storybook": "^8.4.7",
-    "stylelint": "^16.13.0",
+    "postcss-styled-syntax": "^0.7.1",
+    "prettier": "3.5.3",
+    "storybook": "^8.6.7",
+    "stylelint": "^16.16.0",
     "stylelint-config-standard": "^37.0.0",
-    "stylelint-no-unsupported-browser-features": "^8.0.2",
+    "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.3",
-    "typescript-eslint": "^8.19.1",
-    "vite": "^6.0.7",
+    "tsc-alias": "^1.8.11",
+    "typescript": "^5.8.2",
+    "typescript-eslint": "^8.26.1",
+    "vite": "^6.2.2",
     "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",
+    "serve:storybook-static": "pnpm build && pnpm storybook build && node ./build/serve.js",
     "storybook": "concurrently \"storybook dev -p 9009\" \"pnpm analyze --watch\"",
     "test": "npx playwright test",
     "test:ui": " npx playwright test --ui"

package/dist/react/index.d.ts

@@ -1,36 +0,0 @@
-export { default as SkfAccordion } from './skf-accordion/index.js';
-export { default as SkfAlert } from './skf-alert/index.js';
-export { default as SkfBreadcrumb } from './skf-breadcrumb/index.js';
-export { default as SkfBreadcrumbItem } from './skf-breadcrumb-item/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 SkfDatePicker } from './skf-datepicker/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,36 +0,0 @@
-export { default as SkfAccordion } from './skf-accordion/index.js';
-export { default as SkfAlert } from './skf-alert/index.js';
-export { default as SkfBreadcrumb } from './skf-breadcrumb/index.js';
-export { default as SkfBreadcrumbItem } from './skf-breadcrumb-item/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 SkfDatePicker } from './skf-datepicker/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-breadcrumb/index.d.ts

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

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

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

package/dist/react/skf-breadcrumb-item/index.d.ts

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

package/dist/react/skf-breadcrumb-item/index.js

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { createComponent } from '@lit/react';
-import Component from '../../components/breadcrumb-item/breadcrumb-item.js';
-const tagName = 'skf-breadcrumb-item';
-Component.define('skf-breadcrumb-item');
-const reactWrapper = createComponent({
-    tagName,
-    elementClass: Component,
-    react: React,
-    events: {},
-    displayName: 'SkfBreadcrumbItem',
-});
-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;

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

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

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

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

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

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

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

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

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

@@ -1,12 +0,0 @@
-import Component from '../../components/date-picker/datepicker.js';
-import { type SkfDatePicker } from '../../components/date-picker/datepicker.js';
-import { type EventName } from '@lit/react';
-declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onSelectedDateChanged: EventName<Event & {
-        target: SkfDatePicker;
-    }>;
-    onSelectedDateRangeChanged: EventName<Event & {
-        target: SkfDatePicker;
-    }>;
-}>;
-export default reactWrapper;

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

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { createComponent } from '@lit/react';
-import Component from '../../components/date-picker/datepicker.js';
-import {} from '../../components/date-picker/datepicker.js';
-import {} from '@lit/react';
-const tagName = 'skf-datepicker';
-Component.define('skf-datepicker');
-const reactWrapper = createComponent({
-    tagName,
-    elementClass: Component,
-    react: React,
-    events: {
-        onSelectedDateChanged: 'selected-date-changed',
-        onSelectedDateRangeChanged: 'selected-date-range-changed',
-    },
-    displayName: 'SkfDatePicker',
-});
-export default reactWrapper;

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

@@ -1,15 +0,0 @@
-import Component from '../../components/dialog/dialog.js';
-import { type SkfDialog } from '../../components/dialog/dialog.js';
-import { type EventName } from '@lit/react';
-declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onSkfDialogOpen: EventName<Event & {
-        target: SkfDialog;
-    }>;
-    onSkfDialogClose: EventName<Event & {
-        target: SkfDialog;
-    }>;
-    onClose: EventName<Event & {
-        target: SkfDialog;
-    }>;
-}>;
-export default reactWrapper;

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

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { createComponent } from '@lit/react';
-import Component from '../../components/dialog/dialog.js';
-import {} from '../../components/dialog/dialog.js';
-import {} from '@lit/react';
-const tagName = 'skf-dialog';
-Component.define('skf-dialog');
-const reactWrapper = createComponent({
-    tagName,
-    elementClass: Component,
-    react: React,
-    events: {
-        onSkfDialogOpen: 'skf-dialog-open',
-        onSkfDialogClose: 'skf-dialog-close',
-        onClose: 'close',
-    },
-    displayName: 'SkfDialog',
-});
-export default reactWrapper;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { createComponent } from '@lit/react';
-import Component from '../../components/input/input.js';
-import {} from '../../components/input/input.js';
-import {} from '@lit/react';
-const tagName = 'skf-input';
-Component.define('skf-input');
-const reactWrapper = createComponent({
-    tagName,
-    elementClass: Component,
-    react: React,
-    events: {
-        onChange: 'change',
-        onInvalid: 'invalid',
-    },
-    displayName: 'SkfInput',
-});
-export default reactWrapper;

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

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

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

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

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

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

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

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

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

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