@warp-ds/elements 2.3.0-next.2 → 2.3.0-next.4

package/dist/packages/affix/react.d.ts

@@ -1,2 +1,2 @@
-import { WarpAffix } from './index';
+import { WarpAffix } from './index.js';
 export declare const Affix: import("@lit/react").ReactWebComponent<WarpAffix, {}>;

package/dist/packages/alert/react.d.ts

@@ -1,2 +1,2 @@
-import { WarpAlert } from '.';
+import { WarpAlert } from './index.js';
 export declare const Alert: import("@lit/react").ReactWebComponent<WarpAlert, {}>;

package/dist/packages/attention/react.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
 import React from 'react';
-import { WarpAttention } from './index';
+import { WarpAttention } from './index.js';
 declare class Component extends LitElement {
 }
 declare const BaseAttention: import("@lit/react").ReactWebComponent<Component, {

package/dist/packages/badge/react.d.ts

@@ -1,2 +1,2 @@
-import { WarpBadge } from '.';
+import { WarpBadge } from './index.js';
 export declare const Badge: import("@lit/react").ReactWebComponent<WarpBadge, {}>;

package/dist/packages/box/react.d.ts

@@ -1,2 +1,2 @@
-import { WarpBox } from '.';
+import { WarpBox } from './index.js';
 export declare const Box: import("@lit/react").ReactWebComponent<WarpBox, {}>;

package/dist/packages/breadcrumbs/react.d.ts

@@ -1,2 +1,2 @@
-import { WarpBreadcrumbs } from '.';
+import { WarpBreadcrumbs } from './index.js';
 export declare const Breadcrumbs: import("@lit/react").ReactWebComponent<WarpBreadcrumbs, {}>;

package/dist/packages/button/react.d.ts

@@ -1,2 +1,2 @@
-import { WarpButton } from './index';
+import { WarpButton } from './index.js';
 export declare const Button: import("@lit/react").ReactWebComponent<WarpButton, {}>;

package/dist/packages/card/react.d.ts

@@ -1,2 +1,2 @@
-import { WarpCard } from '.';
+import { WarpCard } from './index.js';
 export declare const Card: import("@lit/react").ReactWebComponent<WarpCard, {}>;

package/dist/packages/combobox/react.d.ts

@@ -1,4 +1,4 @@
-import { WarpCombobox } from '.';
+import { WarpCombobox } from './index.js';
 export declare const Combobox: import("@lit/react").ReactWebComponent<WarpCombobox, {
     onSelect: string;
     onselect: string;

package/dist/packages/datepicker/react.d.ts

@@ -1,4 +1,4 @@
-import { WarpDatepicker } from './datepicker';
+import { WarpDatepicker } from './datepicker.js';
 export declare const DatePicker: import("@lit/react").ReactWebComponent<WarpDatepicker, {
     onChange: string;
     onchange: string;

package/dist/packages/dead-toggle/react.d.ts

@@ -1,2 +1,2 @@
-import { WarpDeadToggle } from '.';
+import { WarpDeadToggle } from './index.js';
 export declare const DeadToggle: import("@lit/react").ReactWebComponent<WarpDeadToggle, {}>;

package/dist/packages/expandable/react.d.ts

@@ -1,2 +1,2 @@
-import { WarpExpandable } from '.';
+import { WarpExpandable } from './index.js';
 export declare const Expandable: import("@lit/react").ReactWebComponent<WarpExpandable, {}>;

package/dist/packages/link/react.d.ts

@@ -1,2 +1,2 @@
-import { WarpLink } from '.';
+import { WarpLink } from './index.js';
 export declare const Link: import("@lit/react").ReactWebComponent<WarpLink, {}>;

package/dist/packages/modal/react.d.ts

@@ -1,4 +1,4 @@
-import { WarpModalFooter, WarpModal, WarpModalHeader } from '.';
+import { WarpModalFooter, WarpModal, WarpModalHeader } from './index.js';
 export declare const Modal: import("@lit/react").ReactWebComponent<WarpModal, {
     onShown: string;
     onshown: string;

package/dist/packages/pageindicator/react.d.ts

@@ -1,2 +1,2 @@
-import { WarpPageIndicator } from '.';
+import { WarpPageIndicator } from './index.js';
 export declare const PageIndicator: import("@lit/react").ReactWebComponent<WarpPageIndicator, {}>;

package/dist/packages/pagination/react.d.ts

@@ -1,4 +1,4 @@
-import { WarpPagination } from '.';
+import { WarpPagination } from './index.js';
 export declare const Pagination: import("@lit/react").ReactWebComponent<WarpPagination, {
     onPageClick: string;
     'onpage-click': string;

package/dist/packages/pill/react.d.ts

@@ -1,4 +1,4 @@
-import { WarpPill } from '.';
+import { WarpPill } from './index.js';
 export declare const Pill: import("@lit/react").ReactWebComponent<WarpPill, {
     onClick: string;
     onclick: string;

package/dist/packages/rip-and-tear-checkbox/react.d.ts

@@ -1,4 +1,4 @@
-import { WCheckbox } from './checkbox';
+import { WCheckbox } from './checkbox.js';
 export declare const Checkbox: import("@lit/react").ReactWebComponent<WCheckbox, {
     onChange: string;
     onchange: string;

package/dist/packages/rip-and-tear-radio/react.d.ts

@@ -1,5 +1,5 @@
-import { WRadio } from './radio';
-import { WRadioGroup } from './radio-group';
+import { WRadio } from './radio.js';
+import { WRadioGroup } from './radio-group.js';
 export declare const Radio: import("@lit/react").ReactWebComponent<WRadio, {}>;
 export declare const RadioGroup: import("@lit/react").ReactWebComponent<WRadioGroup, {
     onInput: string;

package/dist/packages/select/react.d.ts

@@ -1,4 +1,4 @@
-import { WarpSelect } from '.';
+import { WarpSelect } from './index.js';
 export declare const Select: import("@lit/react").ReactWebComponent<WarpSelect, {
     onChange: string;
     onchange: string;

package/dist/packages/slider/react.d.ts

@@ -1,6 +1,6 @@
 import { EventName } from '@lit/react';
-import { WarpSlider } from './slider';
-import { WarpSliderThumb } from './slider-thumb';
+import { WarpSlider } from './slider.js';
+import { WarpSliderThumb } from './slider-thumb.js';
 export declare const Slider: import("@lit/react").ReactWebComponent<WarpSlider, {}>;
 export declare const SliderThumb: import("@lit/react").ReactWebComponent<WarpSliderThumb, {
     onSliderValidity: EventName<CustomEvent>;

package/dist/packages/switch/react.d.ts

@@ -1,4 +1,4 @@
-import { WarpSwitch } from '.';
+import { WarpSwitch } from './index.js';
 export declare const Switch: import("@lit/react").ReactWebComponent<WarpSwitch, {
     onChange: string;
     onchange: string;

package/dist/packages/textfield/react.d.ts

@@ -1,4 +1,4 @@
-import { WarpTextField } from '.';
+import { WarpTextField } from './index.js';
 export declare const TextField: import("@lit/react").ReactWebComponent<WarpTextField, {
     onBlur: string;
     onblur: string;

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@warp-ds/elements",
-  "version": "2.3.0-next.1",
+  "version": "2.3.0-next.3",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@warp-ds/elements",
   "type": "module",
-  "version": "2.3.0-next.2",
+  "version": "2.3.0-next.4",
   "packageManager": "pnpm@10.20.0",
   "description": "Custom elements for Warp",
   "exports": {
@@ -25,6 +25,106 @@
     "./components/toast": "./dist/packages/toast/index.js",
     "./toast": "./dist/api.js",
     "./custom-elements.json": "./dist/custom-elements.json",
+    "./react/affix": {
+      "types": "./dist/packages/affix/react.d.ts",
+      "import": "./dist/packages/affix/react.js"
+    },
+    "./react/alert": {
+      "types": "./dist/packages/alert/react.d.ts",
+      "import": "./dist/packages/alert/react.js"
+    },
+    "./react/attention": {
+      "types": "./dist/packages/attention/react.d.ts",
+      "import": "./dist/packages/attention/react.js"
+    },
+    "./react/badge": {
+      "types": "./dist/packages/badge/react.d.ts",
+      "import": "./dist/packages/badge/react.js"
+    },
+    "./react/box": {
+      "types": "./dist/packages/box/react.d.ts",
+      "import": "./dist/packages/box/react.js"
+    },
+    "./react/breadcrumbs": {
+      "types": "./dist/packages/breadcrumbs/react.d.ts",
+      "import": "./dist/packages/breadcrumbs/react.js"
+    },
+    "./react/button": {
+      "types": "./dist/packages/button/react.d.ts",
+      "import": "./dist/packages/button/react.js"
+    },
+    "./react/card": {
+      "types": "./dist/packages/card/react.d.ts",
+      "import": "./dist/packages/card/react.js"
+    },
+    "./react/combobox": {
+      "types": "./dist/packages/combobox/react.d.ts",
+      "import": "./dist/packages/combobox/react.js"
+    },
+    "./react/datepicker": {
+      "types": "./dist/packages/datepicker/react.d.ts",
+      "import": "./dist/packages/datepicker/react.js"
+    },
+    "./react/dead-toggle": {
+      "types": "./dist/packages/dead-toggle/react.d.ts",
+      "import": "./dist/packages/dead-toggle/react.js"
+    },
+    "./react/expandable": {
+      "types": "./dist/packages/expandable/react.d.ts",
+      "import": "./dist/packages/expandable/react.js"
+    },
+    "./react/link": {
+      "types": "./dist/packages/link/react.d.ts",
+      "import": "./dist/packages/link/react.js"
+    },
+    "./react/modal": {
+      "types": "./dist/packages/modal/react.d.ts",
+      "import": "./dist/packages/modal/react.js"
+    },
+    "./react/pageindicator": {
+      "types": "./dist/packages/pageindicator/react.d.ts",
+      "import": "./dist/packages/pageindicator/react.js"
+    },
+    "./react/pagination": {
+      "types": "./dist/packages/pagination/react.d.ts",
+      "import": "./dist/packages/pagination/react.js"
+    },
+    "./react/pill": {
+      "types": "./dist/packages/pill/react.d.ts",
+      "import": "./dist/packages/pill/react.js"
+    },
+    "./react/rip-and-tear-checkbox": {
+      "types": "./dist/packages/rip-and-tear-checkbox/react.d.ts",
+      "import": "./dist/packages/rip-and-tear-checkbox/react.js"
+    },
+    "./react/rip-and-tear-radio": {
+      "types": "./dist/packages/rip-and-tear-radio/react.d.ts",
+      "import": "./dist/packages/rip-and-tear-radio/react.js"
+    },
+    "./react/select": {
+      "types": "./dist/packages/select/react.d.ts",
+      "import": "./dist/packages/select/react.js"
+    },
+    "./react/slider": {
+      "types": "./dist/packages/slider/react.d.ts",
+      "import": "./dist/packages/slider/react.js"
+    },
+    "./react/steps": {
+      "types": "./dist/packages/steps/react.d.ts",
+      "import": "./dist/packages/steps/react.js"
+    },
+    "./react/switch": {
+      "types": "./dist/packages/switch/react.d.ts",
+      "import": "./dist/packages/switch/react.js"
+    },
+    "./react/tabs": {
+      "types": "./dist/packages/tabs/react.d.ts",
+      "import": "./dist/packages/tabs/react.js"
+    },
+    "./react/textfield": {
+      "types": "./dist/packages/textfield/react.d.ts",
+      "import": "./dist/packages/textfield/react.js"
+    },
     "./react/*": {
       "types": "./dist/packages/*/react.d.ts",
       "import": "./dist/packages/*/react.js"
@@ -39,6 +139,88 @@
   "customElements": "./dist/custom-elements.json",
   "web-types": "./dist/web-types.json",
   "types": "./dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "react/affix": [
+        "./dist/packages/affix/react.d.ts"
+      ],
+      "react/alert": [
+        "./dist/packages/alert/react.d.ts"
+      ],
+      "react/attention": [
+        "./dist/packages/attention/react.d.ts"
+      ],
+      "react/badge": [
+        "./dist/packages/badge/react.d.ts"
+      ],
+      "react/box": [
+        "./dist/packages/box/react.d.ts"
+      ],
+      "react/breadcrumbs": [
+        "./dist/packages/breadcrumbs/react.d.ts"
+      ],
+      "react/button": [
+        "./dist/packages/button/react.d.ts"
+      ],
+      "react/card": [
+        "./dist/packages/card/react.d.ts"
+      ],
+      "react/combobox": [
+        "./dist/packages/combobox/react.d.ts"
+      ],
+      "react/datepicker": [
+        "./dist/packages/datepicker/react.d.ts"
+      ],
+      "react/dead-toggle": [
+        "./dist/packages/dead-toggle/react.d.ts"
+      ],
+      "react/expandable": [
+        "./dist/packages/expandable/react.d.ts"
+      ],
+      "react/link": [
+        "./dist/packages/link/react.d.ts"
+      ],
+      "react/modal": [
+        "./dist/packages/modal/react.d.ts"
+      ],
+      "react/pageindicator": [
+        "./dist/packages/pageindicator/react.d.ts"
+      ],
+      "react/pagination": [
+        "./dist/packages/pagination/react.d.ts"
+      ],
+      "react/pill": [
+        "./dist/packages/pill/react.d.ts"
+      ],
+      "react/rip-and-tear-checkbox": [
+        "./dist/packages/rip-and-tear-checkbox/react.d.ts"
+      ],
+      "react/rip-and-tear-radio": [
+        "./dist/packages/rip-and-tear-radio/react.d.ts"
+      ],
+      "react/select": [
+        "./dist/packages/select/react.d.ts"
+      ],
+      "react/slider": [
+        "./dist/packages/slider/react.d.ts"
+      ],
+      "react/steps": [
+        "./dist/packages/steps/react.d.ts"
+      ],
+      "react/switch": [
+        "./dist/packages/switch/react.d.ts"
+      ],
+      "react/tabs": [
+        "./dist/packages/tabs/react.d.ts"
+      ],
+      "react/textfield": [
+        "./dist/packages/textfield/react.d.ts"
+      ],
+      "toast": [
+        "./dist/packages/toast/api.d.ts"
+      ]
+    }
+  },
   "files": [
     "./dist/",
     "./dist/custom-elements.json"
@@ -69,6 +251,7 @@
     "prepare": "husky",
     "semantic-release": "semantic-release",
     "test": "vitest",
+    "test:module-resolution": "cd tests/module-resolution && ./setup.sh && ./test.sh",
     "watch:npm": "npx esbuild ./index.js --outdir=dist/ --target=es2017 --bundle --sourcemap --format=esm --minify --watch"
   },
   "repository": {