@cupra/ui-react 2.0.0-canary.5 → 2.0.0-canary.6

package/README.md

@@ -22,6 +22,59 @@ This library currently provides **official support for React 18**.
 
 Projects using other React versions may still install and use the library, but behaviour is not guaranteed until official support is released.
 
+### TypeScript and module resolution
+
+This library is **bundler-first**.
+
+#### Subpath imports (recommended)
+
+Importing components via subpaths (for example `@cupra/ui-react/Accordion`) requires
+TypeScript to use **bundler-based module resolution**:
+
+- **TypeScript ≥ 5**
+- `"moduleResolution": "bundler"`
+
+This matches how modern bundlers resolve modules and enables the best DX,
+including proper tree-shaking and code-splitting.
+
+Minimal required `tsconfig.json` setting:
+
+```
+    {
+      "compilerOptions": {
+        "moduleResolution": "bundler"
+      }
+    }
+```
+
+---
+
+#### Root imports (compatibility mode)
+
+If your project cannot use `moduleResolution: "bundler"`, you can still consume
+the library using **root imports**:
+
+```
+    import { Accordion, IconButton } from "@cupra/ui-react";
+```
+
+This mode works with legacy or constrained TypeScript setups, but has the
+following trade-offs:
+
+- Subpath imports are not available
+- Reduced tree-shaking and chunking opportunities
+- All components are imported from the package entry point
+
+Root imports are supported as a fallback, but **subpath imports are recommended
+whenever possible**.
+
+---
+
+#### Notes
+
+- Subpath imports are intentionally designed for bundler-based environments.
+- The library does not attempt to enforce Node-style module resolution.
+- No additional runtime configuration is required when using a modern bundler.
 ## Installation
 
 ### Install the package
@@ -119,6 +172,8 @@ npm install @cupra/ui-react@0.1.4-canary.2
 Import components via subpaths. Do not import from the package index:
 - @cupra/ui-react → React wrappers built on top of the Web Components (e.g. `import { Button } from '@cupra/ui-react/Button'`)
 
+If you see TypeScript errors like `TS2307: Cannot find module '@cupra/ui-react/Accordion'`, check your `tsconfig` and apply one of the configurations from the section above. With TS 4.9 + `node`, the library publishes `typesVersions` to resolve subpath typings, but the recommendation is to use `bundler` (TS ≥ 5) or `node16`/`nodenext`.
+
 Wrap your React app with `ThemeProvider`.  
 The provider requires **three props**:
 

package/dist/components/index.d.ts

@@ -1,56 +1,56 @@
-export * from './Accordion/index';
-export * from './Badge/index';
-export * from './BasicCard/index';
-export * from './BasicCardSection/index';
-export * from './Bullets/index';
-export * from './Button/index';
-export * from './CarouselIndicator/index';
-export * from './Checkbox/index';
-export * from './Chip/index';
-export * from './Chips/index';
-export * from './Currency/index';
-export * from './Dialog/index';
-export * from './DialogBody/index';
-export * from './DialogFooter/index';
-export * from './DialogHeader/index';
-export * from './Divider/index';
-export * from './Drawer/index';
-export * from './Hyperlink/index';
-export * from './Icon/index';
-export * from './IconButton/index';
-export * from './Input/index';
-export * from './LinkButton/index';
-export * from './Loader/index';
-export * from './Logo/index';
-export * from './MainTitle/index';
-export * from './MapPin/index';
-export * from './Modal/index';
-export * from './PasswordInput/index';
-export * from './PickerItem/index';
-export * from './Radio/index';
-export * from './RadioButton/index';
-export * from './RadioButtonGroup/index';
-export * from './Rating/index';
-export * from './Search/index';
-export * from './SearchInput/index';
-export * from './SecondaryNavigation/index';
-export * from './SegmentedControl/index';
-export * from './Select/index';
-export * from './Selection/index';
-export * from './Slider/index';
-export * from './Tabs/index';
-export * from './Tag/index';
-export * from './Text/index';
-export * from './TextInput/index';
-export * from './Textarea/index';
-export * from './ThemeProvider/index';
-export * from './ToggleButton/index';
-export * from './ToggleSwitch/index';
-export * from './Tooltip/index';
-export * from './Toast/index';
-export * from './ToastMessage/index';
-export * from './Avatar/index';
-export * from './StaticBox/index';
-export * from './Stepper/index';
-export * from './InteractiveCard/index';
-export * from './SidebarNavigation/index';
+export * from './Accordion/Accordion';
+export * from './Badge/Badge';
+export * from './BasicCard/BasicCard';
+export * from './BasicCardSection/BasicCardSection';
+export * from './Bullets/Bullets';
+export * from './Button/Button';
+export * from './CarouselIndicator/CarouselIndicator';
+export * from './Checkbox/Checkbox';
+export * from './Chip/Chip';
+export * from './Chips/Chips';
+export * from './Currency/Currency';
+export * from './Dialog/Dialog';
+export * from './DialogBody/DialogBody';
+export * from './DialogFooter/DialogFooter';
+export * from './DialogHeader/DialogHeader';
+export * from './Divider/Divider';
+export * from './Drawer/Drawer';
+export * from './Hyperlink/Hyperlink';
+export * from './Icon/Icon';
+export * from './IconButton/IconButton';
+export * from './Input/Input';
+export * from './LinkButton/LinkButton';
+export * from './Loader/Loader';
+export * from './Logo/Logo';
+export * from './MainTitle/MainTitle';
+export * from './MapPin/MapPin';
+export * from './Modal/Modal';
+export * from './PasswordInput/PasswordInput';
+export * from './PickerItem/PickerItem';
+export * from './Radio/Radio';
+export * from './RadioButton/RadioButton';
+export * from './RadioButtonGroup/RadioButtonGroup';
+export * from './Rating/Rating';
+export * from './Search/Search';
+export * from './SearchInput/SearchInput';
+export * from './SecondaryNavigation/SecondaryNavigation';
+export * from './SegmentedControl/SegmentedControl';
+export * from './Select/Select';
+export * from './Selection/Selection';
+export * from './Slider/Slider';
+export * from './Tabs/Tabs';
+export * from './Tag/Tag';
+export * from './Text/Text';
+export * from './TextInput/TextInput';
+export * from './Textarea/Textarea';
+export * from './ThemeProvider/ThemeProvider';
+export * from './ToggleButton/ToggleButton';
+export * from './ToggleSwitch/ToggleSwitch';
+export * from './Tooltip/Tooltip';
+export * from './Toast/Toast';
+export * from './ToastMessage/ToastMessage';
+export * from './Avatar/Avatar';
+export * from './StaticBox/StaticBox';
+export * from './Stepper/Stepper';
+export * from './InteractiveCard/InteractiveCard';
+export * from './SidebarNavigation/SidebarNavigation';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cupra/ui-react",
-  "version": "2.0.0-canary.5",
+  "version": "2.0.0-canary.6",
   "description": "React components library",
   "author": "SEAT S.A.",
   "license": "SEAT S.A. Library EULA 1.0",
@@ -13,30 +13,14 @@
       "types": "./dist/index.d.ts"
     },
     "./*": {
-      "import": "./dist/components/*/index.js",
-      "types": "./dist/components/*/index.d.ts"
+      "import": "./dist/components/*/*.js",
+      "types": "./dist/components/*/*.d.ts"
     },
     "./hooks/*": {
       "import": "./dist/hooks/*.js",
       "types": "./dist/hooks/*.d.ts"
     }
   },
-  "typesVersions": {
-    "*": {
-      "": [
-        "dist/index.d.ts"
-      ],
-      "index": [
-        "dist/index.d.ts"
-      ],
-      "*": [
-        "dist/components/*/index.d.ts"
-      ],
-      "hooks/*": [
-        "dist/hooks/*.d.ts"
-      ]
-    }
-  },
   "files": [
     "LICENSE",
     "THIRD_PARTY_LICENSES.MD",

package/dist/components/Accordion/index.d.ts

@@ -1 +0,0 @@
-export * from './Accordion';

package/dist/components/Avatar/index.d.ts

@@ -1 +0,0 @@
-export * from './Avatar';

package/dist/components/Badge/index.d.ts

@@ -1 +0,0 @@
-export * from './Badge';

package/dist/components/BasicCard/index.d.ts

@@ -1 +0,0 @@
-export * from './BasicCard';

package/dist/components/BasicCardHeader/index.d.ts

@@ -1 +0,0 @@
-export * from './BasicCardHeader';

package/dist/components/BasicCardImage/index.d.ts

@@ -1 +0,0 @@
-export * from './BasicCardImage';

package/dist/components/BasicCardSection/index.d.ts

@@ -1 +0,0 @@
-export * from './BasicCardSection';

package/dist/components/Bullets/index.d.ts

@@ -1 +0,0 @@
-export * from './Bullets';

package/dist/components/Button/index.d.ts

@@ -1 +0,0 @@
-export * from './Button';

package/dist/components/CarouselIndicator/index.d.ts

@@ -1 +0,0 @@
-export * from './CarouselIndicator';

package/dist/components/Checkbox/index.d.ts

@@ -1 +0,0 @@
-export * from './Checkbox';

package/dist/components/Chip/index.d.ts

@@ -1 +0,0 @@
-export * from './Chip';

package/dist/components/Chips/index.d.ts

@@ -1 +0,0 @@
-export * from './Chips';

package/dist/components/Currency/index.d.ts

@@ -1 +0,0 @@
-export * from './Currency';

package/dist/components/Dialog/index.d.ts

@@ -1 +0,0 @@
-export * from './Dialog';

package/dist/components/DialogBody/index.d.ts

@@ -1 +0,0 @@
-export * from './DialogBody';

package/dist/components/DialogFooter/index.d.ts

@@ -1 +0,0 @@
-export * from './DialogFooter';

package/dist/components/DialogFullscreen/index.d.ts

@@ -1 +0,0 @@
-export * from './DialogFullscreen';

package/dist/components/DialogHeader/index.d.ts

@@ -1 +0,0 @@
-export * from './DialogHeader';

package/dist/components/Divider/index.d.ts

@@ -1 +0,0 @@
-export * from './Divider';

package/dist/components/Drawer/index.d.ts

@@ -1 +0,0 @@
-export * from './Drawer';

package/dist/components/Hyperlink/index.d.ts

@@ -1 +0,0 @@
-export * from './Hyperlink';

package/dist/components/Icon/index.d.ts

@@ -1 +0,0 @@
-export * from './Icon';

package/dist/components/IconButton/index.d.ts

@@ -1 +0,0 @@
-export * from './IconButton';

package/dist/components/Input/index.d.ts

@@ -1 +0,0 @@
-export * from './Input';

package/dist/components/InteractiveCard/index.d.ts

@@ -1 +0,0 @@
-export * from './InteractiveCard';

package/dist/components/LinkButton/index.d.ts

@@ -1 +0,0 @@
-export * from './LinkButton';

package/dist/components/Loader/index.d.ts

@@ -1 +0,0 @@
-export * from './Loader';

package/dist/components/Logo/index.d.ts

@@ -1 +0,0 @@
-export * from './Logo';

package/dist/components/MainTitle/index.d.ts

@@ -1 +0,0 @@
-export * from './MainTitle';

package/dist/components/MapPin/index.d.ts

@@ -1 +0,0 @@
-export * from './MapPin';

package/dist/components/Modal/index.d.ts

@@ -1 +0,0 @@
-export * from './Modal';

package/dist/components/PasswordInput/index.d.ts

@@ -1 +0,0 @@
-export * from './PasswordInput';

package/dist/components/PickerItem/index.d.ts

@@ -1 +0,0 @@
-export * from './PickerItem';

package/dist/components/Radio/index.d.ts

@@ -1 +0,0 @@
-export * from './Radio';

package/dist/components/RadioButton/index.d.ts

@@ -1 +0,0 @@
-export * from './RadioButton';

package/dist/components/RadioButtonGroup/index.d.ts

@@ -1 +0,0 @@
-export * from './RadioButtonGroup';

package/dist/components/Rating/index.d.ts

@@ -1 +0,0 @@
-export * from './Rating';

package/dist/components/Search/index.d.ts

@@ -1 +0,0 @@
-export * from './Search';

package/dist/components/SearchInput/index.d.ts

@@ -1 +0,0 @@
-export * from './SearchInput';

package/dist/components/SecondaryNavigation/index.d.ts

@@ -1 +0,0 @@
-export * from './SecondaryNavigation';

package/dist/components/SegmentedControl/index.d.ts

@@ -1 +0,0 @@
-export * from './SegmentedControl';

package/dist/components/Select/index.d.ts

@@ -1 +0,0 @@
-export * from './Select';

package/dist/components/Selection/index.d.ts

@@ -1 +0,0 @@
-export * from './Selection';

package/dist/components/SidebarNavigation/index.d.ts

@@ -1 +0,0 @@
-export * from './SidebarNavigation';

package/dist/components/Slider/index.d.ts

@@ -1 +0,0 @@
-export * from './Slider';

package/dist/components/StaticBox/index.d.ts

@@ -1 +0,0 @@
-export * from './StaticBox';

package/dist/components/Stepper/index.d.ts

@@ -1 +0,0 @@
-export * from './Stepper';

package/dist/components/Tabs/index.d.ts

@@ -1 +0,0 @@
-export * from './Tabs';

package/dist/components/Tag/index.d.ts

@@ -1 +0,0 @@
-export * from './Tag';

package/dist/components/Text/index.d.ts

@@ -1 +0,0 @@
-export * from './Text';

package/dist/components/TextInput/index.d.ts

@@ -1 +0,0 @@
-export * from './TextInput';

package/dist/components/Textarea/index.d.ts

@@ -1 +0,0 @@
-export * from './Textarea';

package/dist/components/ThemeProvider/index.d.ts

@@ -1 +0,0 @@
-export * from './ThemeProvider';

package/dist/components/Toast/index.d.ts

@@ -1 +0,0 @@
-export * from './Toast';

package/dist/components/ToastMessage/index.d.ts

@@ -1 +0,0 @@
-export * from './ToastMessage';

package/dist/components/ToggleButton/index.d.ts

@@ -1 +0,0 @@
-export * from './ToggleButton';

package/dist/components/ToggleSwitch/index.d.ts

@@ -1 +0,0 @@
-export * from './ToggleSwitch';

package/dist/components/Tooltip/index.d.ts

@@ -1 +0,0 @@
-export * from './Tooltip';