@brandsync/react 0.0.1

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.
Files changed (8) hide show
  1. package/README.md +26 -0
  2. package/dist/index.d.mts +56 -0
  3. package/dist/index.d.ts +56 -0
  4. package/dist/index.js +143 -0
  5. package/dist/index.js.map +1 -0
  6. package/dist/index.mjs +99 -0
  7. package/dist/index.mjs.map +1 -0
  8. package/package.json +39 -0
package/README.md ADDED
@@ -0,0 +1,26 @@
1
+ # @brandsync/react
2
+
3
+ React component wrappers for the [`@brandsync/wc`](https://www.npmjs.com/package/@brandsync/wc) Web Components design system, generated with [`@stencil/react-output-target`](https://www.npmjs.com/package/@stencil/react-output-target).
4
+
5
+ ## Install
6
+
7
+ ```bash
8
+ npm install @brandsync/react @brandsync/wc react react-dom
9
+ ```
10
+
11
+ ## Usage
12
+
13
+ ```tsx
14
+ import { BsComposer } from '@brandsync/react';
15
+
16
+ function App() {
17
+ return (
18
+ <BsComposer
19
+ placeholder="Ask anything..."
20
+ onBsSubmit={() => console.log('submitted')}
21
+ />
22
+ );
23
+ }
24
+ ```
25
+
26
+ Components render as Web Components under the hood, so props map to element properties/attributes and events are exposed as `on*` React props (e.g. `onBsSubmit`, `onBsInput`).
package/dist/index.d.mts ADDED
@@ -0,0 +1,56 @@
1
+ import { StencilReactComponent, EventName } from '@stencil/react-output-target/runtime';
2
+ import { BsComposerCustomEvent, BsDataTableCustomEvent, BsInputCustomEvent, BsModalCustomEvent } from '@brandsync/wc';
3
+ import { Components } from '@brandsync/wc/dist/components';
4
+ import { BsBadge as BsBadge$1 } from '@brandsync/wc/dist/components/bs-badge.js';
5
+ import { BsButtonSkeleton as BsButtonSkeleton$1 } from '@brandsync/wc/dist/components/bs-button-skeleton.js';
6
+ import { BsButton as BsButton$1 } from '@brandsync/wc/dist/components/bs-button.js';
7
+ import { BsCard as BsCard$1 } from '@brandsync/wc/dist/components/bs-card.js';
8
+ import { BsComposer as BsComposer$1 } from '@brandsync/wc/dist/components/bs-composer.js';
9
+ import { BsDataTable as BsDataTable$1 } from '@brandsync/wc/dist/components/bs-data-table.js';
10
+ import { BsInput as BsInput$1 } from '@brandsync/wc/dist/components/bs-input.js';
11
+ import { BsModal as BsModal$1 } from '@brandsync/wc/dist/components/bs-modal.js';
12
+
13
+ /**
14
+ * This file was automatically generated by the Stencil React Output Target.
15
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
16
+ */
17
+
18
+ type BsBadgeEvents = NonNullable<unknown>;
19
+ declare const BsBadge: StencilReactComponent<BsBadge$1, BsBadgeEvents, Components.BsBadge>;
20
+ type BsButtonEvents = NonNullable<unknown>;
21
+ declare const BsButton: StencilReactComponent<BsButton$1, BsButtonEvents, Components.BsButton>;
22
+ type BsButtonSkeletonEvents = NonNullable<unknown>;
23
+ declare const BsButtonSkeleton: StencilReactComponent<BsButtonSkeleton$1, BsButtonSkeletonEvents, Components.BsButtonSkeleton>;
24
+ type BsCardEvents = NonNullable<unknown>;
25
+ declare const BsCard: StencilReactComponent<BsCard$1, BsCardEvents, Components.BsCard>;
26
+ type BsComposerEvents = {
27
+ onBsInput: EventName<BsComposerCustomEvent<string>>;
28
+ onBsSubmit: EventName<BsComposerCustomEvent<void>>;
29
+ onBsStop: EventName<BsComposerCustomEvent<void>>;
30
+ onBsVoiceConfirm: EventName<BsComposerCustomEvent<void>>;
31
+ onBsAttach: EventName<BsComposerCustomEvent<void>>;
32
+ onBsMicToggle: EventName<BsComposerCustomEvent<void>>;
33
+ };
34
+ declare const BsComposer: StencilReactComponent<BsComposer$1, BsComposerEvents, Components.BsComposer>;
35
+ type BsDataTableEvents = {
36
+ onBsSort: EventName<BsDataTableCustomEvent<{
37
+ column: string;
38
+ direction: 'asc' | 'desc';
39
+ }>>;
40
+ onBsRowSelect: EventName<BsDataTableCustomEvent<{
41
+ id: string | number;
42
+ selected: boolean;
43
+ }>>;
44
+ };
45
+ declare const BsDataTable: StencilReactComponent<BsDataTable$1, BsDataTableEvents, Components.BsDataTable>;
46
+ type BsInputEvents = {
47
+ onBsInput: EventName<BsInputCustomEvent<string>>;
48
+ onBsChange: EventName<BsInputCustomEvent<string>>;
49
+ };
50
+ declare const BsInput: StencilReactComponent<BsInput$1, BsInputEvents, Components.BsInput>;
51
+ type BsModalEvents = {
52
+ onBsClose: EventName<BsModalCustomEvent<void>>;
53
+ };
54
+ declare const BsModal: StencilReactComponent<BsModal$1, BsModalEvents, Components.BsModal>;
55
+
56
+ export { BsBadge, type BsBadgeEvents, BsButton, type BsButtonEvents, BsButtonSkeleton, type BsButtonSkeletonEvents, BsCard, type BsCardEvents, BsComposer, type BsComposerEvents, BsDataTable, type BsDataTableEvents, BsInput, type BsInputEvents, BsModal, type BsModalEvents };
package/dist/index.d.ts ADDED
@@ -0,0 +1,56 @@
1
+ import { StencilReactComponent, EventName } from '@stencil/react-output-target/runtime';
2
+ import { BsComposerCustomEvent, BsDataTableCustomEvent, BsInputCustomEvent, BsModalCustomEvent } from '@brandsync/wc';
3
+ import { Components } from '@brandsync/wc/dist/components';
4
+ import { BsBadge as BsBadge$1 } from '@brandsync/wc/dist/components/bs-badge.js';
5
+ import { BsButtonSkeleton as BsButtonSkeleton$1 } from '@brandsync/wc/dist/components/bs-button-skeleton.js';
6
+ import { BsButton as BsButton$1 } from '@brandsync/wc/dist/components/bs-button.js';
7
+ import { BsCard as BsCard$1 } from '@brandsync/wc/dist/components/bs-card.js';
8
+ import { BsComposer as BsComposer$1 } from '@brandsync/wc/dist/components/bs-composer.js';
9
+ import { BsDataTable as BsDataTable$1 } from '@brandsync/wc/dist/components/bs-data-table.js';
10
+ import { BsInput as BsInput$1 } from '@brandsync/wc/dist/components/bs-input.js';
11
+ import { BsModal as BsModal$1 } from '@brandsync/wc/dist/components/bs-modal.js';
12
+
13
+ /**
14
+ * This file was automatically generated by the Stencil React Output Target.
15
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
16
+ */
17
+
18
+ type BsBadgeEvents = NonNullable<unknown>;
19
+ declare const BsBadge: StencilReactComponent<BsBadge$1, BsBadgeEvents, Components.BsBadge>;
20
+ type BsButtonEvents = NonNullable<unknown>;
21
+ declare const BsButton: StencilReactComponent<BsButton$1, BsButtonEvents, Components.BsButton>;
22
+ type BsButtonSkeletonEvents = NonNullable<unknown>;
23
+ declare const BsButtonSkeleton: StencilReactComponent<BsButtonSkeleton$1, BsButtonSkeletonEvents, Components.BsButtonSkeleton>;
24
+ type BsCardEvents = NonNullable<unknown>;
25
+ declare const BsCard: StencilReactComponent<BsCard$1, BsCardEvents, Components.BsCard>;
26
+ type BsComposerEvents = {
27
+ onBsInput: EventName<BsComposerCustomEvent<string>>;
28
+ onBsSubmit: EventName<BsComposerCustomEvent<void>>;
29
+ onBsStop: EventName<BsComposerCustomEvent<void>>;
30
+ onBsVoiceConfirm: EventName<BsComposerCustomEvent<void>>;
31
+ onBsAttach: EventName<BsComposerCustomEvent<void>>;
32
+ onBsMicToggle: EventName<BsComposerCustomEvent<void>>;
33
+ };
34
+ declare const BsComposer: StencilReactComponent<BsComposer$1, BsComposerEvents, Components.BsComposer>;
35
+ type BsDataTableEvents = {
36
+ onBsSort: EventName<BsDataTableCustomEvent<{
37
+ column: string;
38
+ direction: 'asc' | 'desc';
39
+ }>>;
40
+ onBsRowSelect: EventName<BsDataTableCustomEvent<{
41
+ id: string | number;
42
+ selected: boolean;
43
+ }>>;
44
+ };
45
+ declare const BsDataTable: StencilReactComponent<BsDataTable$1, BsDataTableEvents, Components.BsDataTable>;
46
+ type BsInputEvents = {
47
+ onBsInput: EventName<BsInputCustomEvent<string>>;
48
+ onBsChange: EventName<BsInputCustomEvent<string>>;
49
+ };
50
+ declare const BsInput: StencilReactComponent<BsInput$1, BsInputEvents, Components.BsInput>;
51
+ type BsModalEvents = {
52
+ onBsClose: EventName<BsModalCustomEvent<void>>;
53
+ };
54
+ declare const BsModal: StencilReactComponent<BsModal$1, BsModalEvents, Components.BsModal>;
55
+
56
+ export { BsBadge, type BsBadgeEvents, BsButton, type BsButtonEvents, BsButtonSkeleton, type BsButtonSkeletonEvents, BsCard, type BsCardEvents, BsComposer, type BsComposerEvents, BsDataTable, type BsDataTableEvents, BsInput, type BsInputEvents, BsModal, type BsModalEvents };
package/dist/index.js ADDED
@@ -0,0 +1,143 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+
30
+ // src/index.ts
31
+ var index_exports = {};
32
+ __export(index_exports, {
33
+ BsBadge: () => BsBadge,
34
+ BsButton: () => BsButton,
35
+ BsButtonSkeleton: () => BsButtonSkeleton,
36
+ BsCard: () => BsCard,
37
+ BsComposer: () => BsComposer,
38
+ BsDataTable: () => BsDataTable,
39
+ BsInput: () => BsInput,
40
+ BsModal: () => BsModal
41
+ });
42
+ module.exports = __toCommonJS(index_exports);
43
+
44
+ // src/components.ts
45
+ var import_runtime = require("@stencil/react-output-target/runtime");
46
+ var import_react = __toESM(require("react"));
47
+ var import_bs_badge = require("@brandsync/wc/dist/components/bs-badge.js");
48
+ var import_bs_button_skeleton = require("@brandsync/wc/dist/components/bs-button-skeleton.js");
49
+ var import_bs_button = require("@brandsync/wc/dist/components/bs-button.js");
50
+ var import_bs_card = require("@brandsync/wc/dist/components/bs-card.js");
51
+ var import_bs_composer = require("@brandsync/wc/dist/components/bs-composer.js");
52
+ var import_bs_data_table = require("@brandsync/wc/dist/components/bs-data-table.js");
53
+ var import_bs_input = require("@brandsync/wc/dist/components/bs-input.js");
54
+ var import_bs_modal = require("@brandsync/wc/dist/components/bs-modal.js");
55
+ var BsBadge = /* @__PURE__ */ (0, import_runtime.createComponent)({
56
+ tagName: "bs-badge",
57
+ elementClass: import_bs_badge.BsBadge,
58
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
59
+ react: import_react.default,
60
+ events: {},
61
+ defineCustomElement: import_bs_badge.defineCustomElement
62
+ });
63
+ var BsButton = /* @__PURE__ */ (0, import_runtime.createComponent)({
64
+ tagName: "bs-button",
65
+ elementClass: import_bs_button.BsButton,
66
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
67
+ react: import_react.default,
68
+ events: {},
69
+ defineCustomElement: import_bs_button.defineCustomElement
70
+ });
71
+ var BsButtonSkeleton = /* @__PURE__ */ (0, import_runtime.createComponent)({
72
+ tagName: "bs-button-skeleton",
73
+ elementClass: import_bs_button_skeleton.BsButtonSkeleton,
74
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
75
+ react: import_react.default,
76
+ events: {},
77
+ defineCustomElement: import_bs_button_skeleton.defineCustomElement
78
+ });
79
+ var BsCard = /* @__PURE__ */ (0, import_runtime.createComponent)({
80
+ tagName: "bs-card",
81
+ elementClass: import_bs_card.BsCard,
82
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
83
+ react: import_react.default,
84
+ events: {},
85
+ defineCustomElement: import_bs_card.defineCustomElement
86
+ });
87
+ var BsComposer = /* @__PURE__ */ (0, import_runtime.createComponent)({
88
+ tagName: "bs-composer",
89
+ elementClass: import_bs_composer.BsComposer,
90
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
91
+ react: import_react.default,
92
+ events: {
93
+ onBsInput: "bsInput",
94
+ onBsSubmit: "bsSubmit",
95
+ onBsStop: "bsStop",
96
+ onBsVoiceConfirm: "bsVoiceConfirm",
97
+ onBsAttach: "bsAttach",
98
+ onBsMicToggle: "bsMicToggle"
99
+ },
100
+ defineCustomElement: import_bs_composer.defineCustomElement
101
+ });
102
+ var BsDataTable = /* @__PURE__ */ (0, import_runtime.createComponent)({
103
+ tagName: "bs-data-table",
104
+ elementClass: import_bs_data_table.BsDataTable,
105
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
106
+ react: import_react.default,
107
+ events: {
108
+ onBsSort: "bsSort",
109
+ onBsRowSelect: "bsRowSelect"
110
+ },
111
+ defineCustomElement: import_bs_data_table.defineCustomElement
112
+ });
113
+ var BsInput = /* @__PURE__ */ (0, import_runtime.createComponent)({
114
+ tagName: "bs-input",
115
+ elementClass: import_bs_input.BsInput,
116
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
117
+ react: import_react.default,
118
+ events: {
119
+ onBsInput: "bsInput",
120
+ onBsChange: "bsChange"
121
+ },
122
+ defineCustomElement: import_bs_input.defineCustomElement
123
+ });
124
+ var BsModal = /* @__PURE__ */ (0, import_runtime.createComponent)({
125
+ tagName: "bs-modal",
126
+ elementClass: import_bs_modal.BsModal,
127
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
128
+ react: import_react.default,
129
+ events: { onBsClose: "bsClose" },
130
+ defineCustomElement: import_bs_modal.defineCustomElement
131
+ });
132
+ // Annotate the CommonJS export names for ESM import in node:
133
+ 0 && (module.exports = {
134
+ BsBadge,
135
+ BsButton,
136
+ BsButtonSkeleton,
137
+ BsCard,
138
+ BsComposer,
139
+ BsDataTable,
140
+ BsInput,
141
+ BsModal
142
+ });
143
+ //# sourceMappingURL=index.js.map
package/dist/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/index.ts","../src/components.ts"],"sourcesContent":["export * from './components';\n","'use client';\n\n/**\n * This file was automatically generated by the Stencil React Output Target.\n * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.\n */\n\n/* eslint-disable */\n\nimport type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';\nimport { createComponent } from '@stencil/react-output-target/runtime';\nimport React from 'react';\n\nimport { type BsComposerCustomEvent, type BsDataTableCustomEvent, type BsInputCustomEvent, type BsModalCustomEvent } from \"@brandsync/wc\";\nimport type { Components } from \"@brandsync/wc/dist/components\";\nimport { BsBadge as BsBadgeElement, defineCustomElement as defineBsBadge } from \"@brandsync/wc/dist/components/bs-badge.js\";\nimport { BsButtonSkeleton as BsButtonSkeletonElement, defineCustomElement as defineBsButtonSkeleton } from \"@brandsync/wc/dist/components/bs-button-skeleton.js\";\nimport { BsButton as BsButtonElement, defineCustomElement as defineBsButton } from \"@brandsync/wc/dist/components/bs-button.js\";\nimport { BsCard as BsCardElement, defineCustomElement as defineBsCard } from \"@brandsync/wc/dist/components/bs-card.js\";\nimport { BsComposer as BsComposerElement, defineCustomElement as defineBsComposer } from \"@brandsync/wc/dist/components/bs-composer.js\";\nimport { BsDataTable as BsDataTableElement, defineCustomElement as defineBsDataTable } from \"@brandsync/wc/dist/components/bs-data-table.js\";\nimport { BsInput as BsInputElement, defineCustomElement as defineBsInput } from \"@brandsync/wc/dist/components/bs-input.js\";\nimport { BsModal as BsModalElement, defineCustomElement as defineBsModal } from \"@brandsync/wc/dist/components/bs-modal.js\";\n\nexport type BsBadgeEvents = NonNullable<unknown>;\n\nexport const BsBadge: StencilReactComponent<BsBadgeElement, BsBadgeEvents, Components.BsBadge> = /*@__PURE__*/ createComponent<BsBadgeElement, BsBadgeEvents, Components.BsBadge>({\n tagName: 'bs-badge',\n elementClass: BsBadgeElement,\n // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.\n react: React,\n events: {} as BsBadgeEvents,\n defineCustomElement: defineBsBadge\n});\n\nexport type BsButtonEvents = NonNullable<unknown>;\n\nexport const BsButton: StencilReactComponent<BsButtonElement, BsButtonEvents, Components.BsButton> = /*@__PURE__*/ createComponent<BsButtonElement, BsButtonEvents, Components.BsButton>({\n tagName: 'bs-button',\n elementClass: BsButtonElement,\n // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.\n react: React,\n events: {} as BsButtonEvents,\n defineCustomElement: defineBsButton\n});\n\nexport type BsButtonSkeletonEvents = NonNullable<unknown>;\n\nexport const BsButtonSkeleton: StencilReactComponent<BsButtonSkeletonElement, BsButtonSkeletonEvents, Components.BsButtonSkeleton> = /*@__PURE__*/ createComponent<BsButtonSkeletonElement, BsButtonSkeletonEvents, Components.BsButtonSkeleton>({\n tagName: 'bs-button-skeleton',\n elementClass: BsButtonSkeletonElement,\n // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.\n react: React,\n events: {} as BsButtonSkeletonEvents,\n defineCustomElement: defineBsButtonSkeleton\n});\n\nexport type BsCardEvents = NonNullable<unknown>;\n\nexport const BsCard: StencilReactComponent<BsCardElement, BsCardEvents, Components.BsCard> = /*@__PURE__*/ createComponent<BsCardElement, BsCardEvents, Components.BsCard>({\n tagName: 'bs-card',\n elementClass: BsCardElement,\n // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.\n react: React,\n events: {} as BsCardEvents,\n defineCustomElement: defineBsCard\n});\n\nexport type BsComposerEvents = {\n onBsInput: EventName<BsComposerCustomEvent<string>>,\n onBsSubmit: EventName<BsComposerCustomEvent<void>>,\n onBsStop: EventName<BsComposerCustomEvent<void>>,\n onBsVoiceConfirm: EventName<BsComposerCustomEvent<void>>,\n onBsAttach: EventName<BsComposerCustomEvent<void>>,\n onBsMicToggle: EventName<BsComposerCustomEvent<void>>\n};\n\nexport const BsComposer: StencilReactComponent<BsComposerElement, BsComposerEvents, Components.BsComposer> = /*@__PURE__*/ createComponent<BsComposerElement, BsComposerEvents, Components.BsComposer>({\n tagName: 'bs-composer',\n elementClass: BsComposerElement,\n // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.\n react: React,\n events: {\n onBsInput: 'bsInput',\n onBsSubmit: 'bsSubmit',\n onBsStop: 'bsStop',\n onBsVoiceConfirm: 'bsVoiceConfirm',\n onBsAttach: 'bsAttach',\n onBsMicToggle: 'bsMicToggle'\n } as BsComposerEvents,\n defineCustomElement: defineBsComposer\n});\n\nexport type BsDataTableEvents = {\n onBsSort: EventName<BsDataTableCustomEvent<{ column: string; direction: 'asc' | 'desc' }>>,\n onBsRowSelect: EventName<BsDataTableCustomEvent<{ id: string | number; selected: boolean }>>\n};\n\nexport const BsDataTable: StencilReactComponent<BsDataTableElement, BsDataTableEvents, Components.BsDataTable> = /*@__PURE__*/ createComponent<BsDataTableElement, BsDataTableEvents, Components.BsDataTable>({\n tagName: 'bs-data-table',\n elementClass: BsDataTableElement,\n // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.\n react: React,\n events: {\n onBsSort: 'bsSort',\n onBsRowSelect: 'bsRowSelect'\n } as BsDataTableEvents,\n defineCustomElement: defineBsDataTable\n});\n\nexport type BsInputEvents = {\n onBsInput: EventName<BsInputCustomEvent<string>>,\n onBsChange: EventName<BsInputCustomEvent<string>>\n};\n\nexport const BsInput: StencilReactComponent<BsInputElement, BsInputEvents, Components.BsInput> = /*@__PURE__*/ createComponent<BsInputElement, BsInputEvents, Components.BsInput>({\n tagName: 'bs-input',\n elementClass: BsInputElement,\n // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.\n react: React,\n events: {\n onBsInput: 'bsInput',\n onBsChange: 'bsChange'\n } as BsInputEvents,\n defineCustomElement: defineBsInput\n});\n\nexport type BsModalEvents = { onBsClose: EventName<BsModalCustomEvent<void>> };\n\nexport const BsModal: StencilReactComponent<BsModalElement, BsModalEvents, Components.BsModal> = /*@__PURE__*/ createComponent<BsModalElement, BsModalEvents, Components.BsModal>({\n tagName: 'bs-modal',\n elementClass: BsModalElement,\n // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.\n react: React,\n events: { onBsClose: 'bsClose' } as BsModalEvents,\n defineCustomElement: defineBsModal\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACUA,qBAAgC;AAChC,mBAAkB;AAIlB,sBAAgF;AAChF,gCAA2G;AAC3G,uBAAmF;AACnF,qBAA6E;AAC7E,yBAAyF;AACzF,2BAA4F;AAC5F,sBAAgF;AAChF,sBAAgF;AAIzE,IAAM,UAAkG,oDAAmE;AAAA,EAC9K,SAAS;AAAA,EACT,cAAc,gBAAAA;AAAA;AAAA,EAEd,OAAO,aAAAC;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,qBAAqB,gBAAAC;AACzB,CAAC;AAIM,IAAM,WAAsG,oDAAsE;AAAA,EACrL,SAAS;AAAA,EACT,cAAc,iBAAAC;AAAA;AAAA,EAEd,OAAO,aAAAF;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,qBAAqB,iBAAAG;AACzB,CAAC;AAIM,IAAM,mBAAsI,oDAA8F;AAAA,EAC7O,SAAS;AAAA,EACT,cAAc,0BAAAC;AAAA;AAAA,EAEd,OAAO,aAAAJ;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,qBAAqB,0BAAAK;AACzB,CAAC;AAIM,IAAM,SAA8F,oDAAgE;AAAA,EACvK,SAAS;AAAA,EACT,cAAc,eAAAC;AAAA;AAAA,EAEd,OAAO,aAAAN;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,qBAAqB,eAAAO;AACzB,CAAC;AAWM,IAAM,aAA8G,oDAA4E;AAAA,EACnM,SAAS;AAAA,EACT,cAAc,mBAAAC;AAAA;AAAA,EAEd,OAAO,aAAAR;AAAA,EACP,QAAQ;AAAA,IACJ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB,YAAY;AAAA,IACZ,eAAe;AAAA,EACnB;AAAA,EACA,qBAAqB,mBAAAS;AACzB,CAAC;AAOM,IAAM,cAAkH,oDAA+E;AAAA,EAC1M,SAAS;AAAA,EACT,cAAc,qBAAAC;AAAA;AAAA,EAEd,OAAO,aAAAV;AAAA,EACP,QAAQ;AAAA,IACJ,UAAU;AAAA,IACV,eAAe;AAAA,EACnB;AAAA,EACA,qBAAqB,qBAAAW;AACzB,CAAC;AAOM,IAAM,UAAkG,oDAAmE;AAAA,EAC9K,SAAS;AAAA,EACT,cAAc,gBAAAC;AAAA;AAAA,EAEd,OAAO,aAAAZ;AAAA,EACP,QAAQ;AAAA,IACJ,WAAW;AAAA,IACX,YAAY;AAAA,EAChB;AAAA,EACA,qBAAqB,gBAAAa;AACzB,CAAC;AAIM,IAAM,UAAkG,oDAAmE;AAAA,EAC9K,SAAS;AAAA,EACT,cAAc,gBAAAC;AAAA;AAAA,EAEd,OAAO,aAAAd;AAAA,EACP,QAAQ,EAAE,WAAW,UAAU;AAAA,EAC/B,qBAAqB,gBAAAe;AACzB,CAAC;","names":["BsBadgeElement","React","defineBsBadge","BsButtonElement","defineBsButton","BsButtonSkeletonElement","defineBsButtonSkeleton","BsCardElement","defineBsCard","BsComposerElement","defineBsComposer","BsDataTableElement","defineBsDataTable","BsInputElement","defineBsInput","BsModalElement","defineBsModal"]}
package/dist/index.mjs ADDED
@@ -0,0 +1,99 @@
1
+ // src/components.ts
2
+ import { createComponent } from "@stencil/react-output-target/runtime";
3
+ import React from "react";
4
+ import { BsBadge as BsBadgeElement, defineCustomElement as defineBsBadge } from "@brandsync/wc/dist/components/bs-badge.js";
5
+ import { BsButtonSkeleton as BsButtonSkeletonElement, defineCustomElement as defineBsButtonSkeleton } from "@brandsync/wc/dist/components/bs-button-skeleton.js";
6
+ import { BsButton as BsButtonElement, defineCustomElement as defineBsButton } from "@brandsync/wc/dist/components/bs-button.js";
7
+ import { BsCard as BsCardElement, defineCustomElement as defineBsCard } from "@brandsync/wc/dist/components/bs-card.js";
8
+ import { BsComposer as BsComposerElement, defineCustomElement as defineBsComposer } from "@brandsync/wc/dist/components/bs-composer.js";
9
+ import { BsDataTable as BsDataTableElement, defineCustomElement as defineBsDataTable } from "@brandsync/wc/dist/components/bs-data-table.js";
10
+ import { BsInput as BsInputElement, defineCustomElement as defineBsInput } from "@brandsync/wc/dist/components/bs-input.js";
11
+ import { BsModal as BsModalElement, defineCustomElement as defineBsModal } from "@brandsync/wc/dist/components/bs-modal.js";
12
+ var BsBadge = /* @__PURE__ */ createComponent({
13
+ tagName: "bs-badge",
14
+ elementClass: BsBadgeElement,
15
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
16
+ react: React,
17
+ events: {},
18
+ defineCustomElement: defineBsBadge
19
+ });
20
+ var BsButton = /* @__PURE__ */ createComponent({
21
+ tagName: "bs-button",
22
+ elementClass: BsButtonElement,
23
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
24
+ react: React,
25
+ events: {},
26
+ defineCustomElement: defineBsButton
27
+ });
28
+ var BsButtonSkeleton = /* @__PURE__ */ createComponent({
29
+ tagName: "bs-button-skeleton",
30
+ elementClass: BsButtonSkeletonElement,
31
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
32
+ react: React,
33
+ events: {},
34
+ defineCustomElement: defineBsButtonSkeleton
35
+ });
36
+ var BsCard = /* @__PURE__ */ createComponent({
37
+ tagName: "bs-card",
38
+ elementClass: BsCardElement,
39
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
40
+ react: React,
41
+ events: {},
42
+ defineCustomElement: defineBsCard
43
+ });
44
+ var BsComposer = /* @__PURE__ */ createComponent({
45
+ tagName: "bs-composer",
46
+ elementClass: BsComposerElement,
47
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
48
+ react: React,
49
+ events: {
50
+ onBsInput: "bsInput",
51
+ onBsSubmit: "bsSubmit",
52
+ onBsStop: "bsStop",
53
+ onBsVoiceConfirm: "bsVoiceConfirm",
54
+ onBsAttach: "bsAttach",
55
+ onBsMicToggle: "bsMicToggle"
56
+ },
57
+ defineCustomElement: defineBsComposer
58
+ });
59
+ var BsDataTable = /* @__PURE__ */ createComponent({
60
+ tagName: "bs-data-table",
61
+ elementClass: BsDataTableElement,
62
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
63
+ react: React,
64
+ events: {
65
+ onBsSort: "bsSort",
66
+ onBsRowSelect: "bsRowSelect"
67
+ },
68
+ defineCustomElement: defineBsDataTable
69
+ });
70
+ var BsInput = /* @__PURE__ */ createComponent({
71
+ tagName: "bs-input",
72
+ elementClass: BsInputElement,
73
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
74
+ react: React,
75
+ events: {
76
+ onBsInput: "bsInput",
77
+ onBsChange: "bsChange"
78
+ },
79
+ defineCustomElement: defineBsInput
80
+ });
81
+ var BsModal = /* @__PURE__ */ createComponent({
82
+ tagName: "bs-modal",
83
+ elementClass: BsModalElement,
84
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
85
+ react: React,
86
+ events: { onBsClose: "bsClose" },
87
+ defineCustomElement: defineBsModal
88
+ });
89
+ export {
90
+ BsBadge,
91
+ BsButton,
92
+ BsButtonSkeleton,
93
+ BsCard,
94
+ BsComposer,
95
+ BsDataTable,
96
+ BsInput,
97
+ BsModal
98
+ };
99
+ //# sourceMappingURL=index.mjs.map
package/dist/index.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components.ts"],"sourcesContent":["'use client';\n\n/**\n * This file was automatically generated by the Stencil React Output Target.\n * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.\n */\n\n/* eslint-disable */\n\nimport type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';\nimport { createComponent } from '@stencil/react-output-target/runtime';\nimport React from 'react';\n\nimport { type BsComposerCustomEvent, type BsDataTableCustomEvent, type BsInputCustomEvent, type BsModalCustomEvent } from \"@brandsync/wc\";\nimport type { Components } from \"@brandsync/wc/dist/components\";\nimport { BsBadge as BsBadgeElement, defineCustomElement as defineBsBadge } from \"@brandsync/wc/dist/components/bs-badge.js\";\nimport { BsButtonSkeleton as BsButtonSkeletonElement, defineCustomElement as defineBsButtonSkeleton } from \"@brandsync/wc/dist/components/bs-button-skeleton.js\";\nimport { BsButton as BsButtonElement, defineCustomElement as defineBsButton } from \"@brandsync/wc/dist/components/bs-button.js\";\nimport { BsCard as BsCardElement, defineCustomElement as defineBsCard } from \"@brandsync/wc/dist/components/bs-card.js\";\nimport { BsComposer as BsComposerElement, defineCustomElement as defineBsComposer } from \"@brandsync/wc/dist/components/bs-composer.js\";\nimport { BsDataTable as BsDataTableElement, defineCustomElement as defineBsDataTable } from \"@brandsync/wc/dist/components/bs-data-table.js\";\nimport { BsInput as BsInputElement, defineCustomElement as defineBsInput } from \"@brandsync/wc/dist/components/bs-input.js\";\nimport { BsModal as BsModalElement, defineCustomElement as defineBsModal } from \"@brandsync/wc/dist/components/bs-modal.js\";\n\nexport type BsBadgeEvents = NonNullable<unknown>;\n\nexport const BsBadge: StencilReactComponent<BsBadgeElement, BsBadgeEvents, Components.BsBadge> = /*@__PURE__*/ createComponent<BsBadgeElement, BsBadgeEvents, Components.BsBadge>({\n tagName: 'bs-badge',\n elementClass: BsBadgeElement,\n // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.\n react: React,\n events: {} as BsBadgeEvents,\n defineCustomElement: defineBsBadge\n});\n\nexport type BsButtonEvents = NonNullable<unknown>;\n\nexport const BsButton: StencilReactComponent<BsButtonElement, BsButtonEvents, Components.BsButton> = /*@__PURE__*/ createComponent<BsButtonElement, BsButtonEvents, Components.BsButton>({\n tagName: 'bs-button',\n elementClass: BsButtonElement,\n // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.\n react: React,\n events: {} as BsButtonEvents,\n defineCustomElement: defineBsButton\n});\n\nexport type BsButtonSkeletonEvents = NonNullable<unknown>;\n\nexport const BsButtonSkeleton: StencilReactComponent<BsButtonSkeletonElement, BsButtonSkeletonEvents, Components.BsButtonSkeleton> = /*@__PURE__*/ createComponent<BsButtonSkeletonElement, BsButtonSkeletonEvents, Components.BsButtonSkeleton>({\n tagName: 'bs-button-skeleton',\n elementClass: BsButtonSkeletonElement,\n // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.\n react: React,\n events: {} as BsButtonSkeletonEvents,\n defineCustomElement: defineBsButtonSkeleton\n});\n\nexport type BsCardEvents = NonNullable<unknown>;\n\nexport const BsCard: StencilReactComponent<BsCardElement, BsCardEvents, Components.BsCard> = /*@__PURE__*/ createComponent<BsCardElement, BsCardEvents, Components.BsCard>({\n tagName: 'bs-card',\n elementClass: BsCardElement,\n // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.\n react: React,\n events: {} as BsCardEvents,\n defineCustomElement: defineBsCard\n});\n\nexport type BsComposerEvents = {\n onBsInput: EventName<BsComposerCustomEvent<string>>,\n onBsSubmit: EventName<BsComposerCustomEvent<void>>,\n onBsStop: EventName<BsComposerCustomEvent<void>>,\n onBsVoiceConfirm: EventName<BsComposerCustomEvent<void>>,\n onBsAttach: EventName<BsComposerCustomEvent<void>>,\n onBsMicToggle: EventName<BsComposerCustomEvent<void>>\n};\n\nexport const BsComposer: StencilReactComponent<BsComposerElement, BsComposerEvents, Components.BsComposer> = /*@__PURE__*/ createComponent<BsComposerElement, BsComposerEvents, Components.BsComposer>({\n tagName: 'bs-composer',\n elementClass: BsComposerElement,\n // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.\n react: React,\n events: {\n onBsInput: 'bsInput',\n onBsSubmit: 'bsSubmit',\n onBsStop: 'bsStop',\n onBsVoiceConfirm: 'bsVoiceConfirm',\n onBsAttach: 'bsAttach',\n onBsMicToggle: 'bsMicToggle'\n } as BsComposerEvents,\n defineCustomElement: defineBsComposer\n});\n\nexport type BsDataTableEvents = {\n onBsSort: EventName<BsDataTableCustomEvent<{ column: string; direction: 'asc' | 'desc' }>>,\n onBsRowSelect: EventName<BsDataTableCustomEvent<{ id: string | number; selected: boolean }>>\n};\n\nexport const BsDataTable: StencilReactComponent<BsDataTableElement, BsDataTableEvents, Components.BsDataTable> = /*@__PURE__*/ createComponent<BsDataTableElement, BsDataTableEvents, Components.BsDataTable>({\n tagName: 'bs-data-table',\n elementClass: BsDataTableElement,\n // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.\n react: React,\n events: {\n onBsSort: 'bsSort',\n onBsRowSelect: 'bsRowSelect'\n } as BsDataTableEvents,\n defineCustomElement: defineBsDataTable\n});\n\nexport type BsInputEvents = {\n onBsInput: EventName<BsInputCustomEvent<string>>,\n onBsChange: EventName<BsInputCustomEvent<string>>\n};\n\nexport const BsInput: StencilReactComponent<BsInputElement, BsInputEvents, Components.BsInput> = /*@__PURE__*/ createComponent<BsInputElement, BsInputEvents, Components.BsInput>({\n tagName: 'bs-input',\n elementClass: BsInputElement,\n // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.\n react: React,\n events: {\n onBsInput: 'bsInput',\n onBsChange: 'bsChange'\n } as BsInputEvents,\n defineCustomElement: defineBsInput\n});\n\nexport type BsModalEvents = { onBsClose: EventName<BsModalCustomEvent<void>> };\n\nexport const BsModal: StencilReactComponent<BsModalElement, BsModalEvents, Components.BsModal> = /*@__PURE__*/ createComponent<BsModalElement, BsModalEvents, Components.BsModal>({\n tagName: 'bs-modal',\n elementClass: BsModalElement,\n // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.\n react: React,\n events: { onBsClose: 'bsClose' } as BsModalEvents,\n defineCustomElement: defineBsModal\n});\n"],"mappings":";AAUA,SAAS,uBAAuB;AAChC,OAAO,WAAW;AAIlB,SAAS,WAAW,gBAAgB,uBAAuB,qBAAqB;AAChF,SAAS,oBAAoB,yBAAyB,uBAAuB,8BAA8B;AAC3G,SAAS,YAAY,iBAAiB,uBAAuB,sBAAsB;AACnF,SAAS,UAAU,eAAe,uBAAuB,oBAAoB;AAC7E,SAAS,cAAc,mBAAmB,uBAAuB,wBAAwB;AACzF,SAAS,eAAe,oBAAoB,uBAAuB,yBAAyB;AAC5F,SAAS,WAAW,gBAAgB,uBAAuB,qBAAqB;AAChF,SAAS,WAAW,gBAAgB,uBAAuB,qBAAqB;AAIzE,IAAM,UAAkG,gCAAmE;AAAA,EAC9K,SAAS;AAAA,EACT,cAAc;AAAA;AAAA,EAEd,OAAO;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,qBAAqB;AACzB,CAAC;AAIM,IAAM,WAAsG,gCAAsE;AAAA,EACrL,SAAS;AAAA,EACT,cAAc;AAAA;AAAA,EAEd,OAAO;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,qBAAqB;AACzB,CAAC;AAIM,IAAM,mBAAsI,gCAA8F;AAAA,EAC7O,SAAS;AAAA,EACT,cAAc;AAAA;AAAA,EAEd,OAAO;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,qBAAqB;AACzB,CAAC;AAIM,IAAM,SAA8F,gCAAgE;AAAA,EACvK,SAAS;AAAA,EACT,cAAc;AAAA;AAAA,EAEd,OAAO;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,qBAAqB;AACzB,CAAC;AAWM,IAAM,aAA8G,gCAA4E;AAAA,EACnM,SAAS;AAAA,EACT,cAAc;AAAA;AAAA,EAEd,OAAO;AAAA,EACP,QAAQ;AAAA,IACJ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB,YAAY;AAAA,IACZ,eAAe;AAAA,EACnB;AAAA,EACA,qBAAqB;AACzB,CAAC;AAOM,IAAM,cAAkH,gCAA+E;AAAA,EAC1M,SAAS;AAAA,EACT,cAAc;AAAA;AAAA,EAEd,OAAO;AAAA,EACP,QAAQ;AAAA,IACJ,UAAU;AAAA,IACV,eAAe;AAAA,EACnB;AAAA,EACA,qBAAqB;AACzB,CAAC;AAOM,IAAM,UAAkG,gCAAmE;AAAA,EAC9K,SAAS;AAAA,EACT,cAAc;AAAA;AAAA,EAEd,OAAO;AAAA,EACP,QAAQ;AAAA,IACJ,WAAW;AAAA,IACX,YAAY;AAAA,EAChB;AAAA,EACA,qBAAqB;AACzB,CAAC;AAIM,IAAM,UAAkG,gCAAmE;AAAA,EAC9K,SAAS;AAAA,EACT,cAAc;AAAA;AAAA,EAEd,OAAO;AAAA,EACP,QAAQ,EAAE,WAAW,UAAU;AAAA,EAC/B,qBAAqB;AACzB,CAAC;","names":[]}
package/package.json ADDED
@@ -0,0 +1,39 @@
1
+ {
2
+ "name": "@brandsync/react",
3
+ "version": "0.0.1",
4
+ "description": "React component wrappers for Brandsync design system Web Components",
5
+ "publishConfig": {
6
+ "access": "public"
7
+ },
8
+ "main": "dist/index.js",
9
+ "module": "dist/index.mjs",
10
+ "types": "dist/index.d.ts",
11
+ "exports": {
12
+ ".": {
13
+ "types": "./dist/index.d.ts",
14
+ "import": "./dist/index.mjs",
15
+ "require": "./dist/index.js"
16
+ }
17
+ },
18
+ "files": [
19
+ "dist/"
20
+ ],
21
+ "scripts": {
22
+ "build": "tsup"
23
+ },
24
+ "peerDependencies": {
25
+ "react": "^18 || ^19",
26
+ "react-dom": "^18 || ^19"
27
+ },
28
+ "dependencies": {
29
+ "@brandsync/wc": "0.0.1",
30
+ "@stencil/react-output-target": "^1.6.2"
31
+ },
32
+ "devDependencies": {
33
+ "@types/react": "^19.2.17",
34
+ "@types/react-dom": "^19.2.3",
35
+ "tsup": "^8.3.5",
36
+ "typescript": "^5.9.3"
37
+ },
38
+ "license": "MIT"
39
+ }