trimble-terra 1.1.25 → 1.1.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,170 +1,170 @@
1
- # Trimble Terra
2
-
3
- A React component library for Trimble MXP2 web experiences. Built with React 19, TypeScript, and SCSS.
4
-
5
- [![Storybook](https://img.shields.io/badge/Storybook-Live-ff4785?logo=storybook&logoColor=white)](https://trimble-mxp-terra.netlify.app/)
6
- [![npm version](https://img.shields.io/npm/v/trimble-terra)](https://www.npmjs.com/package/trimble-terra)
7
-
8
- > **Branch strategy:** The `react19` branch is the active development branch (v1.x) targeting Next.js projects. The `main` branch contains the legacy Gatsby-compatible code (v0.x) and is deprecated — do not publish from `main`.
9
-
10
-
11
-
12
- ## Storybook
13
-
14
- Browse all components, props, and usage examples in the live Storybook:
15
-
16
- **[https://trimble-mxp-terra.netlify.app/](https://trimble-mxp-terra.netlify.app/)**
17
-
18
- ### Associated Storybooks
19
-
20
- #### Layouts:
21
- [![Storybook](https://img.shields.io/badge/Storybook-Live-ff4785?logo=storybook&logoColor=white)](https://trimble-mxp-layouts.netlify.app/)
22
-
23
- #### Icons:
24
- [![Storybook](https://img.shields.io/badge/Storybook-Live-ff4785?logo=storybook&logoColor=white)](https://trimble-mxp-icons.netlify.app/)
25
-
26
- #### Flyout:
27
- [![Storybook](https://img.shields.io/badge/Storybook-Live-ff4785?logo=storybook&logoColor=white)](https://trimble-mxp-flyout.netlify.app/)
28
-
29
-
30
- ## Installation
31
-
32
- ```bash
33
- npm install trimble-terra
34
- ```
35
-
36
- ### Peer Dependencies
37
-
38
- The following packages must be installed in your application:
39
-
40
- ```bash
41
- npm install react react-dom @trimble-creative-strategy/trimble-mxp-icons react-player image-focus
42
- ```
43
-
44
- ## Usage
45
-
46
- Import components directly from the package:
47
-
48
- ```tsx
49
- import { SiteNavigation, GlobalFooter, AlertBanner } from "trimble-terra";
50
-
51
- function App() {
52
- return (
53
- <>
54
- <SiteNavigation {...navProps} />
55
- <AlertBanner {...bannerProps} />
56
- <main>{/* your content */}</main>
57
- <GlobalFooter {...footerProps} />
58
- </>
59
- );
60
- }
61
- ```
62
-
63
- ## Available Components
64
-
65
- ### Components
66
-
67
- | Component | Description |
68
- | --- | --- |
69
- | `AlertBanner` | Dismissible alert banner for announcements |
70
- | `Dialog` | Modal dialog overlay |
71
- | `ImageGallery` | Responsive image gallery |
72
- | `LoadingSpinner` | Loading state indicator |
73
- | `ProductDetail` | Product detail view |
74
- | `ProductSummary` | Product summary card |
75
- | `TrialFormStart` | Trial signup form |
76
- | `TrialSummary` | Trial information summary |
77
-
78
- ### Layout
79
-
80
- | Component | Description |
81
- | --- | --- |
82
- | `LayoutPricingCards` | Pricing card grid layout |
83
- | `Icon` | Icon component (re-exported from `@trimble-creative-strategy/trimble-mxp-icons`) |
84
-
85
- ### Navigation
86
-
87
- | Component | Description |
88
- | --- | --- |
89
- | `SiteNavigation` | Main site navigation with mega menu support |
90
- | `Footer` | Base footer component |
91
- | `SectorFooter` | Sector-specific footer |
92
- | `GlobalFooter` | Global footer |
93
-
94
- ## Development
95
-
96
- ```bash
97
- # Install dependencies
98
- npm install
99
-
100
- # Run Storybook locally
101
- npm run storybook
102
-
103
- # Build the library
104
- npm run build
105
-
106
- # Lint
107
- npm run lint
108
-
109
- # Format check
110
- npm run format:check
111
- ```
112
-
113
- ## Publishing to npm
114
-
115
- Releases are automated via GitHub Actions. Pushing a version tag triggers the publish workflow.
116
-
117
- ### Release workflow
118
-
119
- 1. **Make sure you're on the `react19` branch** with all changes committed and pushed.
120
-
121
- 2. **Bump the version** in `package.json`:
122
-
123
- ```bash
124
- # Patch release (1.0.0 → 1.0.1)
125
- npm version patch
126
-
127
- # Minor release (1.0.0 → 1.1.0)
128
- npm version minor
129
-
130
- # Major release (1.0.0 → 2.0.0)
131
- npm version major
132
- ```
133
-
134
- This updates `package.json` and creates a git tag automatically.
135
-
136
- 3. **Push the commit and tag:**
137
-
138
- ```bash
139
- git push origin react19 --follow-tags
140
- ```
141
-
142
- 4. The GitHub Actions `publish.yml` workflow will:
143
- - Check out the code
144
- - Install dependencies
145
- - Run lint and build
146
- - Verify the tag matches the `package.json` version
147
- - Publish to npm
148
-
149
- ### Requirements
150
-
151
- - An `NPM_TOKEN` secret must be configured in the GitHub repository settings (Settings > Secrets and variables > Actions).
152
- - The token needs publish access to the `trimble-terra` package on npm.
153
-
154
- ### CI
155
-
156
- Every push and pull request to `react19` runs the CI workflow (lint, format check, build) on Node 20 and 22.
157
-
158
- ## Technical Audit — Known Issues
159
-
160
- - **K-3 — CommonDescription / CleanDescription duplication** (Medium): Nearly identical logic differing only in class names. Merge into one component with a `variant` prop.
161
- - **K-4 — Inline styles instead of SCSS** (Medium): `CardEcommerce`, `LayoutPricingCards`, `PricingCards`, `SiteNavigationMain`, `YoutubeVideo`, `FocusedImageMethods`, and others use `style={}` for layout, backgrounds, and sizing that should live in SCSS.
162
- - **K-5 — Pervasive `any` usage** (High): `any` is used for props, event handlers, refs, and data structures across ~30+ files. Especially dense in `SiteNavigation*`, `LanguageSelector`, `ProductDetail`, `LayoutPricingCards`, `VidyardVideo`, and all `.jsx` files.
163
- - **A-1 — `onClick` on non-interactive elements without keyboard support** (High): Multiple `<div>` and `<span>` elements have `onClick` handlers without `role="button"`, `tabIndex={0}`, or `onKeyDown`/`onKeyUp`. `ProductOverview.tsx` uses `<a href="" onClick>` instead of `<button>`.
164
- - **A-2 — Missing `alt` text on images** (Medium): App Store / Google Play badge images in `TerraLink.tsx`, `SpecialButton.tsx`, and `SiteNavigationMobile.tsx` lack meaningful `alt` attributes.
165
- - **S-1 — Unsanitized `dangerouslySetInnerHTML`** (High): CMS/prop content rendered via `dangerouslySetInnerHTML` without visible sanitization in `CommonDescription.tsx`, `functions.tsx`, `CurrencyList.tsx`, `ProductSummaryMethods.jsx`, `FlyoutCart.jsx`, `checkForDangerouslySet.jsx`. Centralize through a sanitizer (e.g., DOMPurify).
166
- - **C-2 — Direct DOM manipulation** (Medium): `CardEcommerce.tsx` uses `document.querySelector` instead of a ref; `ImageGalleryMethods.jsx` sets `body.style.overflow` directly; `useElementIntersection.ts` takes a selector string instead of a ref.
167
- - **C-3 — 16 `.jsx` files remain unconverted** (Medium): `Slider`, `NavSearchWrapper`, `Tooltip`, `TrialFormStart`, `ProductSummary`, `TrialSummary`, `TrialMethods`, `TrialSpecifics`, `ProductSummaryMethods`, `PricingCards`, `ImageGallery`, `ImageGalleryMethods`, `FlyoutCart`, `checkForDangerouslySet`, `CloseIcon`, `CardEcommerceMethods` — all have zero type safety.
168
- - **C-4 — Blanket `eslint-disable` suppresses all warnings** (Medium): File-level `/* eslint-disable */` in `LanguageSelector.tsx`, `SiteNavigationMain.tsx`, `CartNavMenu.tsx`, `FlyoutCart.jsx`, `FlyoutCartComponent.tsx`, `QuantityTracker.stories.tsx`, `Video.tsx`.
169
- - **C-6 — Console statements in production code** (Low): `YoutubeVideo.tsx` (`console.warn`) and `CardEcommerceMethods.jsx` (`console.error`) will fire in consumers' production builds.
1
+ # Trimble Terra
2
+
3
+ A React component library for Trimble MXP2 web experiences. Built with React 19, TypeScript, and SCSS.
4
+
5
+ [![Storybook](https://img.shields.io/badge/Storybook-Live-ff4785?logo=storybook&logoColor=white)](https://trimble-mxp-terra.netlify.app/)
6
+ [![npm version](https://img.shields.io/npm/v/trimble-terra)](https://www.npmjs.com/package/trimble-terra)
7
+
8
+ > **Branch strategy:** The `react19` branch is the active development branch (v1.x) targeting Next.js projects. The `main` branch contains the legacy Gatsby-compatible code (v0.x) and is deprecated — do not publish from `main`.
9
+
10
+
11
+
12
+ ## Storybook
13
+
14
+ Browse all components, props, and usage examples in the live Storybook:
15
+
16
+ **[https://trimble-mxp-terra.netlify.app/](https://trimble-mxp-terra.netlify.app/)**
17
+
18
+ ### Associated Storybooks
19
+
20
+ #### Layouts:
21
+ [![Storybook](https://img.shields.io/badge/Storybook-Live-ff4785?logo=storybook&logoColor=white)](https://trimble-mxp-layouts.netlify.app/)
22
+
23
+ #### Icons:
24
+ [![Storybook](https://img.shields.io/badge/Storybook-Live-ff4785?logo=storybook&logoColor=white)](https://trimble-mxp-icons.netlify.app/)
25
+
26
+ #### Flyout:
27
+ [![Storybook](https://img.shields.io/badge/Storybook-Live-ff4785?logo=storybook&logoColor=white)](https://trimble-mxp-flyout.netlify.app/)
28
+
29
+
30
+ ## Installation
31
+
32
+ ```bash
33
+ npm install trimble-terra
34
+ ```
35
+
36
+ ### Peer Dependencies
37
+
38
+ The following packages must be installed in your application:
39
+
40
+ ```bash
41
+ npm install react react-dom @trimble-creative-strategy/trimble-mxp-icons react-player image-focus
42
+ ```
43
+
44
+ ## Usage
45
+
46
+ Import components directly from the package:
47
+
48
+ ```tsx
49
+ import { SiteNavigation, GlobalFooter, AlertBanner } from "trimble-terra";
50
+
51
+ function App() {
52
+ return (
53
+ <>
54
+ <SiteNavigation {...navProps} />
55
+ <AlertBanner {...bannerProps} />
56
+ <main>{/* your content */}</main>
57
+ <GlobalFooter {...footerProps} />
58
+ </>
59
+ );
60
+ }
61
+ ```
62
+
63
+ ## Available Components
64
+
65
+ ### Components
66
+
67
+ | Component | Description |
68
+ | --- | --- |
69
+ | `AlertBanner` | Dismissible alert banner for announcements |
70
+ | `Dialog` | Modal dialog overlay |
71
+ | `ImageGallery` | Responsive image gallery |
72
+ | `LoadingSpinner` | Loading state indicator |
73
+ | `ProductDetail` | Product detail view |
74
+ | `ProductSummary` | Product summary card |
75
+ | `TrialFormStart` | Trial signup form |
76
+ | `TrialSummary` | Trial information summary |
77
+
78
+ ### Layout
79
+
80
+ | Component | Description |
81
+ | --- | --- |
82
+ | `LayoutPricingCards` | Pricing card grid layout |
83
+ | `Icon` | Icon component (re-exported from `@trimble-creative-strategy/trimble-mxp-icons`) |
84
+
85
+ ### Navigation
86
+
87
+ | Component | Description |
88
+ | --- | --- |
89
+ | `SiteNavigation` | Main site navigation with mega menu support |
90
+ | `Footer` | Base footer component |
91
+ | `SectorFooter` | Sector-specific footer |
92
+ | `GlobalFooter` | Global footer |
93
+
94
+ ## Development
95
+
96
+ ```bash
97
+ # Install dependencies
98
+ npm install
99
+
100
+ # Run Storybook locally
101
+ npm run storybook
102
+
103
+ # Build the library
104
+ npm run build
105
+
106
+ # Lint
107
+ npm run lint
108
+
109
+ # Format check
110
+ npm run format:check
111
+ ```
112
+
113
+ ## Publishing to npm
114
+
115
+ Releases are automated via GitHub Actions. Pushing a version tag triggers the publish workflow.
116
+
117
+ ### Release workflow
118
+
119
+ 1. **Make sure you're on the `react19` branch** with all changes committed and pushed.
120
+
121
+ 2. **Bump the version** in `package.json`:
122
+
123
+ ```bash
124
+ # Patch release (1.0.0 → 1.0.1)
125
+ npm version patch
126
+
127
+ # Minor release (1.0.0 → 1.1.0)
128
+ npm version minor
129
+
130
+ # Major release (1.0.0 → 2.0.0)
131
+ npm version major
132
+ ```
133
+
134
+ This updates `package.json` and creates a git tag automatically.
135
+
136
+ 3. **Push the commit and tag:**
137
+
138
+ ```bash
139
+ git push origin react19 --follow-tags
140
+ ```
141
+
142
+ 4. The GitHub Actions `publish.yml` workflow will:
143
+ - Check out the code
144
+ - Install dependencies
145
+ - Run lint and build
146
+ - Verify the tag matches the `package.json` version
147
+ - Publish to npm
148
+
149
+ ### Requirements
150
+
151
+ - An `NPM_TOKEN` secret must be configured in the GitHub repository settings (Settings > Secrets and variables > Actions).
152
+ - The token needs publish access to the `trimble-terra` package on npm.
153
+
154
+ ### CI
155
+
156
+ Every push and pull request to `react19` runs the CI workflow (lint, format check, build) on Node 20 and 22.
157
+
158
+ ## Technical Audit — Known Issues
159
+
160
+ - **K-3 — CommonDescription / CleanDescription duplication** (Medium): Nearly identical logic differing only in class names. Merge into one component with a `variant` prop.
161
+ - **K-4 — Inline styles instead of SCSS** (Medium): `CardEcommerce`, `LayoutPricingCards`, `PricingCards`, `SiteNavigationMain`, `YoutubeVideo`, `FocusedImageMethods`, and others use `style={}` for layout, backgrounds, and sizing that should live in SCSS.
162
+ - **K-5 — Pervasive `any` usage** (High): `any` is used for props, event handlers, refs, and data structures across ~30+ files. Especially dense in `SiteNavigation*`, `LanguageSelector`, `ProductDetail`, `LayoutPricingCards`, `VidyardVideo`, and all `.jsx` files.
163
+ - **A-1 — `onClick` on non-interactive elements without keyboard support** (High): Multiple `<div>` and `<span>` elements have `onClick` handlers without `role="button"`, `tabIndex={0}`, or `onKeyDown`/`onKeyUp`. `ProductOverview.tsx` uses `<a href="" onClick>` instead of `<button>`.
164
+ - **A-2 — Missing `alt` text on images** (Medium): App Store / Google Play badge images in `TerraLink.tsx`, `SpecialButton.tsx`, and `SiteNavigationMobile.tsx` lack meaningful `alt` attributes.
165
+ - **S-1 — Unsanitized `dangerouslySetInnerHTML`** (High): CMS/prop content rendered via `dangerouslySetInnerHTML` without visible sanitization in `CommonDescription.tsx`, `functions.tsx`, `CurrencyList.tsx`, `ProductSummaryMethods.jsx`, `FlyoutCart.jsx`, `checkForDangerouslySet.jsx`. Centralize through a sanitizer (e.g., DOMPurify).
166
+ - **C-2 — Direct DOM manipulation** (Medium): `CardEcommerce.tsx` uses `document.querySelector` instead of a ref; `ImageGalleryMethods.jsx` sets `body.style.overflow` directly; `useElementIntersection.ts` takes a selector string instead of a ref.
167
+ - **C-3 — 16 `.jsx` files remain unconverted** (Medium): `Slider`, `NavSearchWrapper`, `Tooltip`, `TrialFormStart`, `ProductSummary`, `TrialSummary`, `TrialMethods`, `TrialSpecifics`, `ProductSummaryMethods`, `PricingCards`, `ImageGallery`, `ImageGalleryMethods`, `FlyoutCart`, `checkForDangerouslySet`, `CloseIcon`, `CardEcommerceMethods` — all have zero type safety.
168
+ - **C-4 — Blanket `eslint-disable` suppresses all warnings** (Medium): File-level `/* eslint-disable */` in `LanguageSelector.tsx`, `SiteNavigationMain.tsx`, `CartNavMenu.tsx`, `FlyoutCart.jsx`, `FlyoutCartComponent.tsx`, `QuantityTracker.stories.tsx`, `Video.tsx`.
169
+ - **C-6 — Console statements in production code** (Low): `YoutubeVideo.tsx` (`console.warn`) and `CardEcommerceMethods.jsx` (`console.error`) will fire in consumers' production builds.
170
170
  - **C-7 — Duplicate `ImageGallery` component names** (Medium): Two separate `ImageGallery` implementations exist at `src/component/ImageGallery/` and `src/component/ProductDetail/ImageGallery/`, causing confusion and potential import mistakes.
package/dist/lib/main.js CHANGED
@@ -1,17 +1,17 @@
1
- import { AlertBanner as e } from "../src/component/AlertBanner/AlertBanner.js";
2
- import { SearchButton as a } from "../src/component/SearchButton/SearchButton.js";
3
- import { CallToAction as m } from "../src/component/CallToAction/CallToAction.js";
4
- import { PurchaseSection as l } from "../src/component/PurchaseSection/PurchaseSection.js";
5
- import { TDHeader as i } from "../src/component/TrimbleDeveloper/TDHeader.js";
6
- import { default as d } from "../src/component/TrialForm/TrialFormStart/TrialFormStart.js";
7
- import { default as S } from "../src/component/TrialForm/TrialComponents/TrialSummary.js";
8
- import { default as n } from "../src/component/ProductSummary/ProductSummary.js";
9
- import { default as F } from "../src/component/ProductDetail/ProductDetail.js";
10
- import { default as y } from "../src/component/LoadingSpinner/LoadingSpinner.js";
11
- import { default as D } from "../src/component/Dialog/Dialog.js";
12
- import { default as C } from "../src/component/ImageGallery/ImageGallery.js";
13
- import { default as P } from "../src/component/FocusedImage/FocusedImage.js";
14
- import { default as h } from "../src/component/MoreFromDeveloper/MoreFromDeveloper.js";
1
+ import { default as e } from "../src/component/TrialForm/TrialFormStart/TrialFormStart.js";
2
+ import { default as a } from "../src/component/ProductSummary/ProductSummary.js";
3
+ import { default as m } from "../src/component/ProductDetail/ProductDetail.js";
4
+ import { default as l } from "../src/component/TrialForm/TrialComponents/TrialSummary.js";
5
+ import { default as i } from "../src/component/LoadingSpinner/LoadingSpinner.js";
6
+ import { default as d } from "../src/component/Dialog/Dialog.js";
7
+ import { default as S } from "../src/component/ImageGallery/ImageGallery.js";
8
+ import { default as n } from "../src/component/FocusedImage/FocusedImage.js";
9
+ import { default as F } from "../src/component/MoreFromDeveloper/MoreFromDeveloper.js";
10
+ import { AlertBanner as y } from "../src/component/AlertBanner/AlertBanner.js";
11
+ import { SearchButton as D } from "../src/component/SearchButton/SearchButton.js";
12
+ import { CallToAction as C } from "../src/component/CallToAction/CallToAction.js";
13
+ import { PurchaseSection as P } from "../src/component/PurchaseSection/PurchaseSection.js";
14
+ import { TDHeader as h } from "../src/component/TrimbleDeveloper/TDHeader.js";
15
15
  import { ProductDetailTabs as B } from "../src/component/ProductDetail/ProductDetailTabs/ProductDetailTabs.js";
16
16
  import { FeaturedResources as I } from "../src/component/ProductDetail/FeaturedResources/FeaturedResources.js";
17
17
  import { SectorFooter as H } from "../src/navigation/Footer/SectorFooter/SectorFooter.js";
@@ -23,28 +23,28 @@ import { SiteNavigationMobileCategory as O } from "../src/navigation/SiteNavigat
23
23
  import { SiteNav as U } from "../src/navigation/SiteNav/SiteNav.js";
24
24
  import { SiteNavMobileCategory as W } from "../src/navigation/SiteNav/SiteNavMobileCategory.js";
25
25
  export {
26
- e as AlertBanner,
27
- m as CallToAction,
28
- D as Dialog,
26
+ y as AlertBanner,
27
+ C as CallToAction,
28
+ d as Dialog,
29
29
  I as FeaturedResources,
30
- P as FocusedImage,
30
+ n as FocusedImage,
31
31
  q as Footer,
32
32
  j as GlobalFooter,
33
- C as ImageGallery,
34
- y as LoadingSpinner,
35
- h as MoreFromDeveloper,
36
- F as ProductDetail,
33
+ S as ImageGallery,
34
+ i as LoadingSpinner,
35
+ F as MoreFromDeveloper,
36
+ m as ProductDetail,
37
37
  B as ProductDetailTabs,
38
- n as ProductSummary,
39
- l as PurchaseSection,
40
- a as SearchButton,
38
+ a as ProductSummary,
39
+ P as PurchaseSection,
40
+ D as SearchButton,
41
41
  H as SectorFooter,
42
42
  U as SiteNav,
43
43
  W as SiteNavMobileCategory,
44
44
  z as SiteNavigation,
45
45
  O as SiteNavigationMobileCategory,
46
- i as TDHeader,
46
+ h as TDHeader,
47
47
  J as TopLevelCategory,
48
- d as TrialFormStart,
49
- S as TrialSummary
48
+ e as TrialFormStart,
49
+ l as TrialSummary
50
50
  };
@@ -5,51 +5,50 @@ import "../../moduswebcomponents/components/modus-wc-bottom-sheet.js";
5
5
  import { defineCustomElement as s, ModusWcButton as m } from "../../moduswebcomponents/components/modus-wc-button.js";
6
6
  import { defineCustomElement as a, ModusWcCollapse as i } from "../../moduswebcomponents/components/modus-wc-collapse.js";
7
7
  import { defineCustomElement as u, ModusWcDropdownMenu as c } from "../../moduswebcomponents/components/modus-wc-dropdown-menu.js";
8
- import { defineCustomElement as l, ModusWcIcon as d } from "../../moduswebcomponents/components/modus-wc-icon.js";
9
- import { defineCustomElement as C, ModusWcNavbar as r } from "../../moduswebcomponents/components/modus-wc-navbar.js";
8
+ import { defineCustomElement as l, ModusWcIcon as r } from "../../moduswebcomponents/components/modus-wc-icon.js";
9
+ import { defineCustomElement as C, ModusWcNavbar as d } from "../../moduswebcomponents/components/modus-wc-navbar.js";
10
10
  import { defineCustomElement as p, ModusWcProfileMenu as M } from "../../moduswebcomponents/components/modus-wc-profile-menu.js";
11
- import { defineCustomElement as f, ModusWcSwitch as g } from "../../moduswebcomponents/components/modus-wc-switch.js";
12
- import { defineCustomElement as h, ModusWcThemeProvider as E } from "../../moduswebcomponents/components/modus-wc-theme-provider.js";
11
+ import { defineCustomElement as f, ModusWcThemeProvider as g } from "../../moduswebcomponents/components/modus-wc-theme-provider.js";
13
12
  import "../../moduswebcomponents/components/p-74_OJZLO.js";
14
13
  import n from "react";
15
- const y = /* @__PURE__ */ e({
14
+ const T = /* @__PURE__ */ e({
16
15
  tagName: "modus-wc-avatar",
17
16
  elementClass: t,
18
17
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
19
18
  react: n,
20
19
  events: { onImageLoadError: "imageLoadError" },
21
20
  defineCustomElement: o
22
- }), L = /* @__PURE__ */ e({
21
+ }), S = /* @__PURE__ */ e({
23
22
  tagName: "modus-wc-button",
24
23
  elementClass: m,
25
24
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
26
25
  react: n,
27
26
  events: { onButtonClick: "buttonClick" },
28
27
  defineCustomElement: s
29
- }), x = /* @__PURE__ */ e({
28
+ }), y = /* @__PURE__ */ e({
30
29
  tagName: "modus-wc-collapse",
31
30
  elementClass: i,
32
31
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
33
32
  react: n,
34
33
  events: { onExpandedChange: "expandedChange" },
35
34
  defineCustomElement: a
36
- }), D = /* @__PURE__ */ e({
35
+ }), B = /* @__PURE__ */ e({
37
36
  tagName: "modus-wc-dropdown-menu",
38
37
  elementClass: c,
39
38
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
40
39
  react: n,
41
40
  events: { onMenuVisibilityChange: "menuVisibilityChange" },
42
41
  defineCustomElement: u
43
- }), F = /* @__PURE__ */ e({
42
+ }), L = /* @__PURE__ */ e({
44
43
  tagName: "modus-wc-icon",
45
- elementClass: d,
44
+ elementClass: r,
46
45
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
47
46
  react: n,
48
47
  events: {},
49
48
  defineCustomElement: l
50
- }), V = /* @__PURE__ */ e({
49
+ }), x = /* @__PURE__ */ e({
51
50
  tagName: "modus-wc-navbar",
52
- elementClass: r,
51
+ elementClass: d,
53
52
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
54
53
  react: n,
55
54
  events: {
@@ -70,7 +69,7 @@ const y = /* @__PURE__ */ e({
70
69
  onUserMenuOpenChange: "userMenuOpenChange"
71
70
  },
72
71
  defineCustomElement: C
73
- }), H = /* @__PURE__ */ e({
72
+ }), D = /* @__PURE__ */ e({
74
73
  tagName: "modus-wc-profile-menu",
75
74
  elementClass: M,
76
75
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -80,33 +79,21 @@ const y = /* @__PURE__ */ e({
80
79
  onMenuItemClick: "menuItemClick"
81
80
  },
82
81
  defineCustomElement: p
83
- }), R = /* @__PURE__ */ e({
84
- tagName: "modus-wc-switch",
85
- elementClass: g,
86
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
87
- react: n,
88
- events: {
89
- onInputBlur: "inputBlur",
90
- onInputChange: "inputChange",
91
- onInputFocus: "inputFocus"
92
- },
93
- defineCustomElement: f
94
- }), U = /* @__PURE__ */ e({
82
+ }), V = /* @__PURE__ */ e({
95
83
  tagName: "modus-wc-theme-provider",
96
- elementClass: E,
84
+ elementClass: g,
97
85
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
98
86
  react: n,
99
87
  events: {},
100
- defineCustomElement: h
88
+ defineCustomElement: f
101
89
  });
102
90
  export {
103
- y as ModusWcAvatar,
104
- L as ModusWcButton,
105
- x as ModusWcCollapse,
106
- D as ModusWcDropdownMenu,
107
- F as ModusWcIcon,
108
- V as ModusWcNavbar,
109
- H as ModusWcProfileMenu,
110
- R as ModusWcSwitch,
111
- U as ModusWcThemeProvider
91
+ T as ModusWcAvatar,
92
+ S as ModusWcButton,
93
+ y as ModusWcCollapse,
94
+ B as ModusWcDropdownMenu,
95
+ L as ModusWcIcon,
96
+ x as ModusWcNavbar,
97
+ D as ModusWcProfileMenu,
98
+ V as ModusWcThemeProvider
112
99
  };
@@ -0,0 +1,3 @@
1
+ export const __esModule: true;
2
+ export function SpecialButton(_a: any): any;
3
+ //# sourceMappingURL=SpecialButton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SpecialButton.d.ts","sourceRoot":"","sources":["../../../../../src/component/SpecialButton/dist/SpecialButton.js"],"names":[],"mappings":";AA+CwB,4CAmGvB"}