@prioticket/design-system-react 1.0.6 → 1.0.7

package/README.md

@@ -0,0 +1,83 @@
+# Prioticket Design System React
+
+Official React bindings for the `@prioticket/design-system-web` component library. These wrappers are auto-generated from the Web Component manifest and expose each element as a typed React component via `@lit/react`.
+
+## Installation
+
+```bash
+npm install @prioticket/design-system-react @prioticket/design-system-web
+```
+
+The React package depends on the core web component bundle. Most projects also import one of the distributed theme stylesheets:
+
+```tsx
+import '@prioticket/design-system-web/theme-with-fonts.css';
+// or: import '@prioticket/design-system-web/theme-only.css';
+```
+
+## Quick Start
+
+```tsx
+import { useEffect } from 'react';
+import { PdButton, PdDialog } from '@prioticket/design-system-react';
+import { initialize } from '@prioticket/design-system-web/theming';
+import '@prioticket/design-system-web/theme-with-fonts.css';
+
+export function App() {
+  useEffect(() => {
+    initialize({
+      theme: {
+        colorPrimary: '#ff6600',
+        colorOnPrimary: '#ffffff'
+      }
+    });
+  }, []);
+
+  return (
+    <PdDialog onPrimaryAction={(event) => console.log(event.detail)}>
+      <PdButton slot="primary-action">Continue</PdButton>
+    </PdDialog>
+  );
+}
+```
+
+All wrappers render a custom element under the hood, so slots, attributes, and properties behave exactly like the base web component.
+
+## Event Handling
+
+Events emitted by the web components are exposed as camel-cased React props that start with `on`. For example, the `pd-dialog` events `primary-action` and `secondary-action` become `onPrimaryAction` and `onSecondaryAction`. Each handler receives the original `CustomEvent`, preserving its `detail` payload.
+
+## Theming Utilities
+
+The core package exposes helpers under `@prioticket/design-system-web/theming`. Use `initialize` to apply a theme at app start or `applyTheme` to update tokens later. The helpers are framework agnostic and can be called from any React effect or data loader.
+
+```tsx
+import { initialize } from '@prioticket/design-system-web/theming';
+
+await initialize({ theme: { colorPrimary: '#4caf50' } });
+```
+
+## TypeScript Support
+
+Every wrapper re-exports a `*Element` type that maps to the underlying custom element class. This is useful when grabbing refs:
+
+```tsx
+import { useRef } from 'react';
+import { PdTextField, PdTextFieldElement } from '@prioticket/design-system-react';
+
+const ref = useRef<PdTextFieldElement>(null);
+```
+
+## Component Reference
+
+The React entry point (`@prioticket/design-system-react`) exports all Prioticket components. Refer to `COMPONENT-DOCUMENTATION.md` in the root of the design system repository for behavior, slots, and properties—they apply equally to the React wrappers.
+
+## SSR & Hydration
+
+The wrappers are thin `@lit/react` adapters and support server-side rendering. Renderers will output the corresponding custom element tags; hydration happens client-side once the browser upgrades the elements.
+
+## Troubleshooting
+
+- Ensure the core package is loaded exactly once (e.g. do not register components via multiple versions of the bundle).
+- Import the CSS theme before rendering components to avoid flashes of unstyled content.
+- If you tree-shake aggressively, keep the side-effect flag for `@prioticket/design-system-react` enabled so the custom elements are defined.

package/dist/components/pd-button.d.ts

@@ -1,3 +1,3 @@
-import type { PdButton as PdButtonElementType } from '@prioticket/design-system-web/components/pd-button.js';
+import type { PdButton as PdButtonElementType } from '@prioticket/design-system-web/components/pd-button';
 export declare const PdButton: any;
 export type { PdButtonElementType as PdButtonElement };

package/dist/components/pd-button.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdButton as PdButtonElementClass } from '@prioticket/design-system-web/components/pd-button.js';
+import { PdButton as PdButtonElementClass } from '@prioticket/design-system-web/components/pd-button';
 const componentConfig = {
     displayName: 'PdButton',
     react: React,

package/dist/components/pd-card.d.ts

@@ -1,3 +1,3 @@
-import type { PdCard as PdCardElementType } from '@prioticket/design-system-web/components/pd-card.js';
+import type { PdCard as PdCardElementType } from '@prioticket/design-system-web/components/pd-card';
 export declare const PdCard: any;
 export type { PdCardElementType as PdCardElement };

package/dist/components/pd-card.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdCard as PdCardElementClass } from '@prioticket/design-system-web/components/pd-card.js';
+import { PdCard as PdCardElementClass } from '@prioticket/design-system-web/components/pd-card';
 const componentConfig = {
     displayName: 'PdCard',
     react: React,

package/dist/components/pd-checkbox.d.ts

@@ -1,3 +1,3 @@
-import type { PdCheckbox as PdCheckboxElementType } from '@prioticket/design-system-web/components/pd-checkbox.js';
+import type { PdCheckbox as PdCheckboxElementType } from '@prioticket/design-system-web/components/pd-checkbox';
 export declare const PdCheckbox: any;
 export type { PdCheckboxElementType as PdCheckboxElement };

package/dist/components/pd-checkbox.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdCheckbox as PdCheckboxElementClass } from '@prioticket/design-system-web/components/pd-checkbox.js';
+import { PdCheckbox as PdCheckboxElementClass } from '@prioticket/design-system-web/components/pd-checkbox';
 const componentConfig = {
     displayName: 'PdCheckbox',
     react: React,

package/dist/components/pd-chip.d.ts

@@ -1,3 +1,3 @@
-import type { PdChip as PdChipElementType } from '@prioticket/design-system-web/components/pd-chip.js';
+import type { PdChip as PdChipElementType } from '@prioticket/design-system-web/components/pd-chip';
 export declare const PdChip: any;
 export type { PdChipElementType as PdChipElement };

package/dist/components/pd-chip.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdChip as PdChipElementClass } from '@prioticket/design-system-web/components/pd-chip.js';
+import { PdChip as PdChipElementClass } from '@prioticket/design-system-web/components/pd-chip';
 const componentConfig = {
     displayName: 'PdChip',
     react: React,

package/dist/components/pd-dialog.d.ts

@@ -1,3 +1,3 @@
-import type { PdDialog as PdDialogElementType } from '@prioticket/design-system-web/components/pd-dialog.js';
+import type { PdDialog as PdDialogElementType } from '@prioticket/design-system-web/components/pd-dialog';
 export declare const PdDialog: any;
 export type { PdDialogElementType as PdDialogElement };

package/dist/components/pd-dialog.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdDialog as PdDialogElementClass } from '@prioticket/design-system-web/components/pd-dialog.js';
+import { PdDialog as PdDialogElementClass } from '@prioticket/design-system-web/components/pd-dialog';
 const componentConfig = {
     displayName: 'PdDialog',
     react: React,

package/dist/components/pd-expandable-card.d.ts

@@ -1,3 +1,3 @@
-import type { PdExpandableCard as PdExpandableCardElementType } from '@prioticket/design-system-web/components/pd-expandable-card.js';
+import type { PdExpandableCard as PdExpandableCardElementType } from '@prioticket/design-system-web/components/pd-expandable-card';
 export declare const PdExpandableCard: any;
 export type { PdExpandableCardElementType as PdExpandableCardElement };

package/dist/components/pd-expandable-card.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdExpandableCard as PdExpandableCardElementClass } from '@prioticket/design-system-web/components/pd-expandable-card.js';
+import { PdExpandableCard as PdExpandableCardElementClass } from '@prioticket/design-system-web/components/pd-expandable-card';
 const componentConfig = {
     displayName: 'PdExpandableCard',
     react: React,

package/dist/components/pd-fab.d.ts

@@ -1,3 +1,3 @@
-import type { PdFab as PdFabElementType } from '@prioticket/design-system-web/components/pd-fab.js';
+import type { PdFab as PdFabElementType } from '@prioticket/design-system-web/components/pd-fab';
 export declare const PdFab: any;
 export type { PdFabElementType as PdFabElement };

package/dist/components/pd-fab.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdFab as PdFabElementClass } from '@prioticket/design-system-web/components/pd-fab.js';
+import { PdFab as PdFabElementClass } from '@prioticket/design-system-web/components/pd-fab';
 const componentConfig = {
     displayName: 'PdFab',
     react: React,

package/dist/components/pd-icon-button.d.ts

@@ -1,3 +1,3 @@
-import type { PdIconButton as PdIconButtonElementType } from '@prioticket/design-system-web/components/pd-icon-button.js';
+import type { PdIconButton as PdIconButtonElementType } from '@prioticket/design-system-web/components/pd-icon-button';
 export declare const PdIconButton: any;
 export type { PdIconButtonElementType as PdIconButtonElement };

package/dist/components/pd-icon-button.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdIconButton as PdIconButtonElementClass } from '@prioticket/design-system-web/components/pd-icon-button.js';
+import { PdIconButton as PdIconButtonElementClass } from '@prioticket/design-system-web/components/pd-icon-button';
 const componentConfig = {
     displayName: 'PdIconButton',
     react: React,

package/dist/components/pd-icon.d.ts

@@ -1,3 +1,3 @@
-import type { PdIcon as PdIconElementType } from '@prioticket/design-system-web/components/pd-icon.js';
+import type { PdIcon as PdIconElementType } from '@prioticket/design-system-web/components/pd-icon';
 export declare const PdIcon: any;
 export type { PdIconElementType as PdIconElement };

package/dist/components/pd-icon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdIcon as PdIconElementClass } from '@prioticket/design-system-web/components/pd-icon.js';
+import { PdIcon as PdIconElementClass } from '@prioticket/design-system-web/components/pd-icon';
 const componentConfig = {
     displayName: 'PdIcon',
     react: React,

package/dist/components/pd-list-divider.d.ts

@@ -1,3 +1,3 @@
-import type { PdListDivider as PdListDividerElementType } from '@prioticket/design-system-web/components/pd-list.js';
+import type { PdListDivider as PdListDividerElementType } from '@prioticket/design-system-web/components/pd-list';
 export declare const PdListDivider: any;
 export type { PdListDividerElementType as PdListDividerElement };

package/dist/components/pd-list-divider.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdListDivider as PdListDividerElementClass } from '@prioticket/design-system-web/components/pd-list.js';
+import { PdListDivider as PdListDividerElementClass } from '@prioticket/design-system-web/components/pd-list';
 const componentConfig = {
     displayName: 'PdListDivider',
     react: React,

package/dist/components/pd-list-item.d.ts

@@ -1,3 +1,3 @@
-import type { PdListItem as PdListItemElementType } from '@prioticket/design-system-web/components/pd-list.js';
+import type { PdListItem as PdListItemElementType } from '@prioticket/design-system-web/components/pd-list';
 export declare const PdListItem: any;
 export type { PdListItemElementType as PdListItemElement };

package/dist/components/pd-list-item.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdListItem as PdListItemElementClass } from '@prioticket/design-system-web/components/pd-list.js';
+import { PdListItem as PdListItemElementClass } from '@prioticket/design-system-web/components/pd-list';
 const componentConfig = {
     displayName: 'PdListItem',
     react: React,

package/dist/components/pd-list.d.ts

@@ -1,3 +1,3 @@
-import type { PdList as PdListElementType } from '@prioticket/design-system-web/components/pd-list.js';
+import type { PdList as PdListElementType } from '@prioticket/design-system-web/components/pd-list';
 export declare const PdList: any;
 export type { PdListElementType as PdListElement };

package/dist/components/pd-list.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdList as PdListElementClass } from '@prioticket/design-system-web/components/pd-list.js';
+import { PdList as PdListElementClass } from '@prioticket/design-system-web/components/pd-list';
 const componentConfig = {
     displayName: 'PdList',
     react: React,

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

@@ -1,3 +1,3 @@
-import type { PdMenuItemM as PdMenuItemElementType } from '@prioticket/design-system-web/components/pd-menu-item.js';
+import type { PdMenuItemM as PdMenuItemElementType } from '@prioticket/design-system-web/components/pd-menu-item';
 export declare const PdMenuItem: any;
 export type { PdMenuItemElementType as PdMenuItemElement };

package/dist/components/pd-menu-item.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdMenuItemM as PdMenuItemElementClass } from '@prioticket/design-system-web/components/pd-menu-item.js';
+import { PdMenuItemM as PdMenuItemElementClass } from '@prioticket/design-system-web/components/pd-menu-item';
 const componentConfig = {
     displayName: 'PdMenuItem',
     react: React,

package/dist/components/pd-menu.d.ts

@@ -1,3 +1,3 @@
-import type { PdMenu as PdMenuElementType } from '@prioticket/design-system-web/components/pd-menu.js';
+import type { PdMenu as PdMenuElementType } from '@prioticket/design-system-web/components/pd-menu';
 export declare const PdMenu: any;
 export type { PdMenuElementType as PdMenuElement };

package/dist/components/pd-menu.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdMenu as PdMenuElementClass } from '@prioticket/design-system-web/components/pd-menu.js';
+import { PdMenu as PdMenuElementClass } from '@prioticket/design-system-web/components/pd-menu';
 const componentConfig = {
     displayName: 'PdMenu',
     react: React,

package/dist/components/pd-progress.d.ts

@@ -1,3 +1,3 @@
-import type { PdProgress as PdProgressElementType } from '@prioticket/design-system-web/components/pd-progress.js';
+import type { PdProgress as PdProgressElementType } from '@prioticket/design-system-web/components/pd-progress';
 export declare const PdProgress: any;
 export type { PdProgressElementType as PdProgressElement };

package/dist/components/pd-progress.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdProgress as PdProgressElementClass } from '@prioticket/design-system-web/components/pd-progress.js';
+import { PdProgress as PdProgressElementClass } from '@prioticket/design-system-web/components/pd-progress';
 const componentConfig = {
     displayName: 'PdProgress',
     react: React,

package/dist/components/pd-radio-group.d.ts

@@ -1,3 +1,3 @@
-import type { PdRadioGroup as PdRadioGroupElementType } from '@prioticket/design-system-web/components/pd-radio.js';
+import type { PdRadioGroup as PdRadioGroupElementType } from '@prioticket/design-system-web/components/pd-radio';
 export declare const PdRadioGroup: any;
 export type { PdRadioGroupElementType as PdRadioGroupElement };

package/dist/components/pd-radio-group.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdRadioGroup as PdRadioGroupElementClass } from '@prioticket/design-system-web/components/pd-radio.js';
+import { PdRadioGroup as PdRadioGroupElementClass } from '@prioticket/design-system-web/components/pd-radio';
 const componentConfig = {
     displayName: 'PdRadioGroup',
     react: React,

package/dist/components/pd-radio.d.ts

@@ -1,3 +1,3 @@
-import type { PdRadio as PdRadioElementType } from '@prioticket/design-system-web/components/pd-radio.js';
+import type { PdRadio as PdRadioElementType } from '@prioticket/design-system-web/components/pd-radio';
 export declare const PdRadio: any;
 export type { PdRadioElementType as PdRadioElement };

package/dist/components/pd-radio.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdRadio as PdRadioElementClass } from '@prioticket/design-system-web/components/pd-radio.js';
+import { PdRadio as PdRadioElementClass } from '@prioticket/design-system-web/components/pd-radio';
 const componentConfig = {
     displayName: 'PdRadio',
     react: React,

package/dist/components/pd-segment-item.d.ts

@@ -1,3 +1,3 @@
-import type { PdSegmentItem as PdSegmentItemElementType } from '@prioticket/design-system-web/components/pd-segmented-button.js';
+import type { PdSegmentItem as PdSegmentItemElementType } from '@prioticket/design-system-web/components/pd-segmented-button';
 export declare const PdSegmentItem: any;
 export type { PdSegmentItemElementType as PdSegmentItemElement };

package/dist/components/pd-segment-item.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdSegmentItem as PdSegmentItemElementClass } from '@prioticket/design-system-web/components/pd-segmented-button.js';
+import { PdSegmentItem as PdSegmentItemElementClass } from '@prioticket/design-system-web/components/pd-segmented-button';
 const componentConfig = {
     displayName: 'PdSegmentItem',
     react: React,

package/dist/components/pd-segmented-button.d.ts

@@ -1,3 +1,3 @@
-import type { PdSegmentedButton as PdSegmentedButtonElementType } from '@prioticket/design-system-web/components/pd-segmented-button.js';
+import type { PdSegmentedButton as PdSegmentedButtonElementType } from '@prioticket/design-system-web/components/pd-segmented-button';
 export declare const PdSegmentedButton: any;
 export type { PdSegmentedButtonElementType as PdSegmentedButtonElement };

package/dist/components/pd-segmented-button.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdSegmentedButton as PdSegmentedButtonElementClass } from '@prioticket/design-system-web/components/pd-segmented-button.js';
+import { PdSegmentedButton as PdSegmentedButtonElementClass } from '@prioticket/design-system-web/components/pd-segmented-button';
 const componentConfig = {
     displayName: 'PdSegmentedButton',
     react: React,

package/dist/components/pd-segmented-stepper.d.ts

@@ -1,3 +1,3 @@
-import type { PdSegmentedStepper as PdSegmentedStepperElementType } from '@prioticket/design-system-web/components/pd-segmented-stepper.js';
+import type { PdSegmentedStepper as PdSegmentedStepperElementType } from '@prioticket/design-system-web/components/pd-segmented-stepper';
 export declare const PdSegmentedStepper: any;
 export type { PdSegmentedStepperElementType as PdSegmentedStepperElement };

package/dist/components/pd-segmented-stepper.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdSegmentedStepper as PdSegmentedStepperElementClass } from '@prioticket/design-system-web/components/pd-segmented-stepper.js';
+import { PdSegmentedStepper as PdSegmentedStepperElementClass } from '@prioticket/design-system-web/components/pd-segmented-stepper';
 const componentConfig = {
     displayName: 'PdSegmentedStepper',
     react: React,

package/dist/components/pd-select.d.ts

@@ -1,3 +1,3 @@
-import type { PdSelect as PdSelectElementType } from '@prioticket/design-system-web/components/pd-select.js';
+import type { PdSelect as PdSelectElementType } from '@prioticket/design-system-web/components/pd-select';
 export declare const PdSelect: any;
 export type { PdSelectElementType as PdSelectElement };

package/dist/components/pd-select.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdSelect as PdSelectElementClass } from '@prioticket/design-system-web/components/pd-select.js';
+import { PdSelect as PdSelectElementClass } from '@prioticket/design-system-web/components/pd-select';
 const componentConfig = {
     displayName: 'PdSelect',
     react: React,

package/dist/components/pd-slider.d.ts

@@ -1,3 +1,3 @@
-import type { PdSlider as PdSliderElementType } from '@prioticket/design-system-web/components/pd-slider.js';
+import type { PdSlider as PdSliderElementType } from '@prioticket/design-system-web/components/pd-slider';
 export declare const PdSlider: any;
 export type { PdSliderElementType as PdSliderElement };

package/dist/components/pd-slider.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdSlider as PdSliderElementClass } from '@prioticket/design-system-web/components/pd-slider.js';
+import { PdSlider as PdSliderElementClass } from '@prioticket/design-system-web/components/pd-slider';
 const componentConfig = {
     displayName: 'PdSlider',
     react: React,

package/dist/components/pd-stepper-item.d.ts

@@ -1,3 +1,3 @@
-import type { PdStepperItem as PdStepperItemElementType } from '@prioticket/design-system-web/components/pd-segmented-stepper.js';
+import type { PdStepperItem as PdStepperItemElementType } from '@prioticket/design-system-web/components/pd-segmented-stepper';
 export declare const PdStepperItem: any;
 export type { PdStepperItemElementType as PdStepperItemElement };

package/dist/components/pd-stepper-item.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdStepperItem as PdStepperItemElementClass } from '@prioticket/design-system-web/components/pd-segmented-stepper.js';
+import { PdStepperItem as PdStepperItemElementClass } from '@prioticket/design-system-web/components/pd-segmented-stepper';
 const componentConfig = {
     displayName: 'PdStepperItem',
     react: React,

package/dist/components/pd-stepper.d.ts

@@ -1,3 +1,3 @@
-import type { PdStepper as PdStepperElementType } from '@prioticket/design-system-web/components/pd-stepper.js';
+import type { PdStepper as PdStepperElementType } from '@prioticket/design-system-web/components/pd-stepper';
 export declare const PdStepper: any;
 export type { PdStepperElementType as PdStepperElement };

package/dist/components/pd-stepper.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdStepper as PdStepperElementClass } from '@prioticket/design-system-web/components/pd-stepper.js';
+import { PdStepper as PdStepperElementClass } from '@prioticket/design-system-web/components/pd-stepper';
 const componentConfig = {
     displayName: 'PdStepper',
     react: React,

package/dist/components/pd-switch.d.ts

@@ -1,3 +1,3 @@
-import type { PdSwitch as PdSwitchElementType } from '@prioticket/design-system-web/components/pd-switch.js';
+import type { PdSwitch as PdSwitchElementType } from '@prioticket/design-system-web/components/pd-switch';
 export declare const PdSwitch: any;
 export type { PdSwitchElementType as PdSwitchElement };

package/dist/components/pd-switch.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdSwitch as PdSwitchElementClass } from '@prioticket/design-system-web/components/pd-switch.js';
+import { PdSwitch as PdSwitchElementClass } from '@prioticket/design-system-web/components/pd-switch';
 const componentConfig = {
     displayName: 'PdSwitch',
     react: React,

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

@@ -1,3 +1,3 @@
-import type { PdTab as PdTabElementType } from '@prioticket/design-system-web/components/pd-tabs.js';
+import type { PdTab as PdTabElementType } from '@prioticket/design-system-web/components/pd-tabs';
 export declare const PdTab: any;
 export type { PdTabElementType as PdTabElement };

package/dist/components/pd-tab.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdTab as PdTabElementClass } from '@prioticket/design-system-web/components/pd-tabs.js';
+import { PdTab as PdTabElementClass } from '@prioticket/design-system-web/components/pd-tabs';
 const componentConfig = {
     displayName: 'PdTab',
     react: React,

package/dist/components/pd-tabs.d.ts

@@ -1,3 +1,3 @@
-import type { PdTabs as PdTabsElementType } from '@prioticket/design-system-web/components/pd-tabs.js';
+import type { PdTabs as PdTabsElementType } from '@prioticket/design-system-web/components/pd-tabs';
 export declare const PdTabs: any;
 export type { PdTabsElementType as PdTabsElement };

package/dist/components/pd-tabs.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdTabs as PdTabsElementClass } from '@prioticket/design-system-web/components/pd-tabs.js';
+import { PdTabs as PdTabsElementClass } from '@prioticket/design-system-web/components/pd-tabs';
 const componentConfig = {
     displayName: 'PdTabs',
     react: React,

package/dist/components/pd-text-field.d.ts

@@ -1,3 +1,3 @@
-import type { PdTextField as PdTextFieldElementType } from '@prioticket/design-system-web/components/pd-text-field.js';
+import type { PdTextField as PdTextFieldElementType } from '@prioticket/design-system-web/components/pd-text-field';
 export declare const PdTextField: any;
 export type { PdTextFieldElementType as PdTextFieldElement };

package/dist/components/pd-text-field.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PdTextField as PdTextFieldElementClass } from '@prioticket/design-system-web/components/pd-text-field.js';
+import { PdTextField as PdTextFieldElementClass } from '@prioticket/design-system-web/components/pd-text-field';
 const componentConfig = {
     displayName: 'PdTextField',
     react: React,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prioticket/design-system-react",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "React wrappers for the Prioticket Design System web components",
   "type": "module",
   "main": "./dist/index.js",
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@lit/react": "^1.0.3",
-    "@prioticket/design-system-web": "^1.0.6"
+    "@prioticket/design-system-web": "^1.0.7"
   },
   "devDependencies": {
     "rimraf": "^6.1.4"