@drawbridge/components 0.0.60 → 0.0.62

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 (3) hide show
  1. package/dist/video.js +111 -8
  2. package/dist/video.mjs +84 -4
  3. package/package.json +364 -364
package/dist/video.js CHANGED
@@ -78,36 +78,69 @@ var Loader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime
78
78
  );
79
79
  var loader_default = Loader;
80
80
 
81
- // components/video.js
81
+ // components/icons/warning.js
82
82
  var import_jsx_runtime2 = require("react/jsx-runtime");
83
+ var Warning = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
84
+ "svg",
85
+ {
86
+ ...{
87
+ fill: "none",
88
+ stroke: "currentColor",
89
+ strokeWidth: 1.5,
90
+ viewBox: "0 0 24 24",
91
+ ...props
92
+ },
93
+ children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
94
+ "path",
95
+ {
96
+ ...{
97
+ d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z",
98
+ strokeLinecap: "round",
99
+ strokeLinejoin: "round"
100
+ }
101
+ }
102
+ )
103
+ }
104
+ );
105
+ var warning_default = Warning;
106
+
107
+ // components/video.js
108
+ var import_jsx_runtime3 = require("react/jsx-runtime");
83
109
  var ReactPlayer = (0, import_dynamic.default)(
84
110
  () => import("react-player/lazy"),
85
111
  {
86
112
  ssr: false
87
113
  }
88
114
  );
115
+ var DEFER_MS = 2500;
89
116
  var Video = ({
90
117
  className,
91
118
  controls = false,
119
+ defer = false,
92
120
  loop = false,
93
121
  onEnded = () => {
94
122
  },
95
123
  onDuration = () => {
96
124
  },
125
+ onError = () => {
126
+ },
97
127
  onTime,
98
128
  muted = true,
99
129
  onPlay,
100
130
  playing = false,
101
131
  poster,
132
+ priority = false,
102
133
  reset = false,
103
134
  style = {},
104
135
  hls,
105
136
  mp4
106
137
  }) => {
107
- var _a, _b;
138
+ var _a, _b, _c, _d;
108
139
  const durationFired = (0, import_react.useRef)(false);
109
140
  const [player, setPlayer] = (0, import_react.useState)();
110
141
  const [videoUrl, setVideoUrl] = (0, import_react.useState)(hls ? hls : mp4);
142
+ const [mountPlayer, setMountPlayer] = (0, import_react.useState)(!defer);
143
+ const [failed, setFailed] = (0, import_react.useState)(false);
111
144
  (0, import_react.useEffect)(
112
145
  () => {
113
146
  if (player && reset) {
@@ -116,8 +149,39 @@ var Video = ({
116
149
  },
117
150
  [player, reset]
118
151
  );
119
- const inner = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react.Fragment, { children: [
120
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
152
+ (0, import_react.useEffect)(
153
+ () => {
154
+ if (!defer || mountPlayer || typeof window === "undefined") return;
155
+ let timer;
156
+ let idle;
157
+ const start = () => setMountPlayer(true);
158
+ const afterLoad = () => {
159
+ timer = setTimeout(
160
+ () => {
161
+ if ("requestIdleCallback" in window) {
162
+ idle = window.requestIdleCallback(start, { timeout: 2e3 });
163
+ } else {
164
+ timer = setTimeout(start, 500);
165
+ }
166
+ },
167
+ DEFER_MS
168
+ );
169
+ };
170
+ if (document.readyState === "complete") {
171
+ afterLoad();
172
+ } else {
173
+ window.addEventListener("load", afterLoad, { once: true });
174
+ }
175
+ return () => {
176
+ window.removeEventListener("load", afterLoad);
177
+ clearTimeout(timer);
178
+ if (idle) window.cancelIdleCallback(idle);
179
+ };
180
+ },
181
+ [defer, mountPlayer]
182
+ );
183
+ const inner = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react.Fragment, { children: [
184
+ mountPlayer && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
121
185
  ReactPlayer,
122
186
  {
123
187
  ...{
@@ -162,7 +226,12 @@ var Video = ({
162
226
  },
163
227
  progressInterval: 100,
164
228
  onError: () => {
165
- setVideoUrl(mp4);
229
+ if (mp4 && videoUrl !== mp4) {
230
+ setVideoUrl(mp4);
231
+ return;
232
+ }
233
+ setFailed(true);
234
+ onError();
166
235
  },
167
236
  onReady: (instance) => {
168
237
  setPlayer(instance.player);
@@ -174,7 +243,20 @@ var Video = ({
174
243
  }
175
244
  }
176
245
  ),
177
- !player && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
246
+ !player && poster && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
247
+ "img",
248
+ {
249
+ ...{
250
+ alt: "",
251
+ "aria-hidden": true,
252
+ className: "absolute inset-0 w-full h-full object-cover pointer-events-none",
253
+ decoding: "async",
254
+ ...priority ? { fetchpriority: "high", loading: "eager" } : { loading: "lazy" },
255
+ src: poster
256
+ }
257
+ }
258
+ ),
259
+ !player && !poster && !failed && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
178
260
  "div",
179
261
  {
180
262
  ...{
@@ -184,7 +266,7 @@ var Video = ({
184
266
  // already reserves its height) means removing it shifts nothing.
185
267
  className: "absolute inset-0 flex justify-center items-center"
186
268
  },
187
- children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
269
+ children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
188
270
  loader_default,
189
271
  {
190
272
  ...{
@@ -196,9 +278,30 @@ var Video = ({
196
278
  }
197
279
  )
198
280
  }
281
+ ),
282
+ failed && !poster && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
283
+ "div",
284
+ {
285
+ ...{
286
+ className: "absolute inset-0 flex justify-center items-center"
287
+ },
288
+ children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
289
+ warning_default,
290
+ {
291
+ ...{
292
+ "aria-label": "Video unavailable",
293
+ className: "w-10 h-10 opacity-40",
294
+ role: "img",
295
+ style: {
296
+ color: (_d = (_c = style == null ? void 0 : style.background) == null ? void 0 : _c.color) == null ? void 0 : _d.hex
297
+ }
298
+ }
299
+ }
300
+ )
301
+ }
199
302
  )
200
303
  ] });
201
- return className ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
304
+ return className ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
202
305
  "div",
203
306
  {
204
307
  ...{
package/dist/video.mjs CHANGED
@@ -2,6 +2,9 @@
2
2
  import {
3
3
  loader_default
4
4
  } from "./chunk-2ZYGRSSA.mjs";
5
+ import {
6
+ warning_default
7
+ } from "./chunk-Q3UIVGPQ.mjs";
5
8
 
6
9
  // components/video.js
7
10
  import dynamic from "next/dynamic";
@@ -13,28 +16,35 @@ var ReactPlayer = dynamic(
13
16
  ssr: false
14
17
  }
15
18
  );
19
+ var DEFER_MS = 2500;
16
20
  var Video = ({
17
21
  className,
18
22
  controls = false,
23
+ defer = false,
19
24
  loop = false,
20
25
  onEnded = () => {
21
26
  },
22
27
  onDuration = () => {
23
28
  },
29
+ onError = () => {
30
+ },
24
31
  onTime,
25
32
  muted = true,
26
33
  onPlay,
27
34
  playing = false,
28
35
  poster,
36
+ priority = false,
29
37
  reset = false,
30
38
  style = {},
31
39
  hls,
32
40
  mp4
33
41
  }) => {
34
- var _a, _b;
42
+ var _a, _b, _c, _d;
35
43
  const durationFired = useRef(false);
36
44
  const [player, setPlayer] = useState();
37
45
  const [videoUrl, setVideoUrl] = useState(hls ? hls : mp4);
46
+ const [mountPlayer, setMountPlayer] = useState(!defer);
47
+ const [failed, setFailed] = useState(false);
38
48
  useEffect(
39
49
  () => {
40
50
  if (player && reset) {
@@ -43,8 +53,39 @@ var Video = ({
43
53
  },
44
54
  [player, reset]
45
55
  );
56
+ useEffect(
57
+ () => {
58
+ if (!defer || mountPlayer || typeof window === "undefined") return;
59
+ let timer;
60
+ let idle;
61
+ const start = () => setMountPlayer(true);
62
+ const afterLoad = () => {
63
+ timer = setTimeout(
64
+ () => {
65
+ if ("requestIdleCallback" in window) {
66
+ idle = window.requestIdleCallback(start, { timeout: 2e3 });
67
+ } else {
68
+ timer = setTimeout(start, 500);
69
+ }
70
+ },
71
+ DEFER_MS
72
+ );
73
+ };
74
+ if (document.readyState === "complete") {
75
+ afterLoad();
76
+ } else {
77
+ window.addEventListener("load", afterLoad, { once: true });
78
+ }
79
+ return () => {
80
+ window.removeEventListener("load", afterLoad);
81
+ clearTimeout(timer);
82
+ if (idle) window.cancelIdleCallback(idle);
83
+ };
84
+ },
85
+ [defer, mountPlayer]
86
+ );
46
87
  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
47
- /* @__PURE__ */ jsx(
88
+ mountPlayer && /* @__PURE__ */ jsx(
48
89
  ReactPlayer,
49
90
  {
50
91
  ...{
@@ -89,7 +130,12 @@ var Video = ({
89
130
  },
90
131
  progressInterval: 100,
91
132
  onError: () => {
92
- setVideoUrl(mp4);
133
+ if (mp4 && videoUrl !== mp4) {
134
+ setVideoUrl(mp4);
135
+ return;
136
+ }
137
+ setFailed(true);
138
+ onError();
93
139
  },
94
140
  onReady: (instance) => {
95
141
  setPlayer(instance.player);
@@ -101,7 +147,20 @@ var Video = ({
101
147
  }
102
148
  }
103
149
  ),
104
- !player && /* @__PURE__ */ jsx(
150
+ !player && poster && /* @__PURE__ */ jsx(
151
+ "img",
152
+ {
153
+ ...{
154
+ alt: "",
155
+ "aria-hidden": true,
156
+ className: "absolute inset-0 w-full h-full object-cover pointer-events-none",
157
+ decoding: "async",
158
+ ...priority ? { fetchpriority: "high", loading: "eager" } : { loading: "lazy" },
159
+ src: poster
160
+ }
161
+ }
162
+ ),
163
+ !player && !poster && !failed && /* @__PURE__ */ jsx(
105
164
  "div",
106
165
  {
107
166
  ...{
@@ -123,6 +182,27 @@ var Video = ({
123
182
  }
124
183
  )
125
184
  }
185
+ ),
186
+ failed && !poster && /* @__PURE__ */ jsx(
187
+ "div",
188
+ {
189
+ ...{
190
+ className: "absolute inset-0 flex justify-center items-center"
191
+ },
192
+ children: /* @__PURE__ */ jsx(
193
+ warning_default,
194
+ {
195
+ ...{
196
+ "aria-label": "Video unavailable",
197
+ className: "w-10 h-10 opacity-40",
198
+ role: "img",
199
+ style: {
200
+ color: (_d = (_c = style == null ? void 0 : style.background) == null ? void 0 : _c.color) == null ? void 0 : _d.hex
201
+ }
202
+ }
203
+ }
204
+ )
205
+ }
126
206
  )
127
207
  ] });
128
208
  return className ? /* @__PURE__ */ jsx(
package/package.json CHANGED
@@ -1,366 +1,366 @@
1
1
  {
2
- "name": "@drawbridge/components",
3
- "version": "0.0.60",
4
- "exports": {
5
- "./advertisement": {
6
- "types": "./types/advertisement.d.ts",
7
- "default": "./dist/advertisement.js"
8
- },
9
- "./embla": {
10
- "types": "./types/embla.d.ts",
11
- "default": "./dist/embla.js"
12
- },
13
- "./embla-fade": {
14
- "types": "./types/embla-fade.d.ts",
15
- "default": "./dist/embla-fade.js"
16
- },
17
- "./icons/arrow-down-tray": {
18
- "types": "./types/icons/arrow-down-tray.d.ts",
19
- "default": "./dist/icons/arrow-down-tray.js"
20
- },
21
- "./icons/arrow-left": {
22
- "types": "./types/icons/arrow-left.d.ts",
23
- "default": "./dist/icons/arrow-left.js"
24
- },
25
- "./icons/arrow-right": {
26
- "types": "./types/icons/arrow-right.d.ts",
27
- "default": "./dist/icons/arrow-right.js"
28
- },
29
- "./icons/arrow-up-tray": {
30
- "types": "./types/icons/arrow-up-tray.d.ts",
31
- "default": "./dist/icons/arrow-up-tray.js"
32
- },
33
- "./icons/bars-arrow-down": {
34
- "types": "./types/icons/bars-arrow-down.d.ts",
35
- "default": "./dist/icons/bars-arrow-down.js"
36
- },
37
- "./icons/bars-arrow-up": {
38
- "types": "./types/icons/bars-arrow-up.d.ts",
39
- "default": "./dist/icons/bars-arrow-up.js"
40
- },
41
- "./icons/bold": {
42
- "types": "./types/icons/bold.d.ts",
43
- "default": "./dist/icons/bold.js"
44
- },
45
- "./icons/bolt": {
46
- "types": "./types/icons/bolt.d.ts",
47
- "default": "./dist/icons/bolt.js"
48
- },
49
- "./icons/calendar": {
50
- "types": "./types/icons/calendar.d.ts",
51
- "default": "./dist/icons/calendar.js"
52
- },
53
- "./icons/cancel": {
54
- "types": "./types/icons/cancel.d.ts",
55
- "default": "./dist/icons/cancel.js"
56
- },
57
- "./icons/card": {
58
- "types": "./types/icons/card.d.ts",
59
- "default": "./dist/icons/card.js"
60
- },
61
- "./icons/chart": {
62
- "types": "./types/icons/chart.d.ts",
63
- "default": "./dist/icons/chart.js"
64
- },
65
- "./icons/check": {
66
- "types": "./types/icons/check.d.ts",
67
- "default": "./dist/icons/check.js"
68
- },
69
- "./icons/chevron-down": {
70
- "types": "./types/icons/chevron-down.d.ts",
71
- "default": "./dist/icons/chevron-down.js"
72
- },
73
- "./icons/chevron-left": {
74
- "types": "./types/icons/chevron-left.d.ts",
75
- "default": "./dist/icons/chevron-left.js"
76
- },
77
- "./icons/chevron-right": {
78
- "types": "./types/icons/chevron-right.d.ts",
79
- "default": "./dist/icons/chevron-right.js"
80
- },
81
- "./icons/chevron-up-down": {
82
- "types": "./types/icons/chevron-up-down.d.ts",
83
- "default": "./dist/icons/chevron-up-down.js"
84
- },
85
- "./icons/chevron-up": {
86
- "types": "./types/icons/chevron-up.d.ts",
87
- "default": "./dist/icons/chevron-up.js"
88
- },
89
- "./icons/clock": {
90
- "types": "./types/icons/clock.d.ts",
91
- "default": "./dist/icons/clock.js"
92
- },
93
- "./icons/code-bracket": {
94
- "types": "./types/icons/code-bracket.d.ts",
95
- "default": "./dist/icons/code-bracket.js"
96
- },
97
- "./icons/cog": {
98
- "types": "./types/icons/cog.d.ts",
99
- "default": "./dist/icons/cog.js"
100
- },
101
- "./icons/copy": {
102
- "types": "./types/icons/copy.d.ts",
103
- "default": "./dist/icons/copy.js"
104
- },
105
- "./icons/document": {
106
- "types": "./types/icons/document.d.ts",
107
- "default": "./dist/icons/document.js"
108
- },
109
- "./icons/download": {
110
- "types": "./types/icons/download.d.ts",
111
- "default": "./dist/icons/download.js"
112
- },
113
- "./icons/drag": {
114
- "types": "./types/icons/drag.d.ts",
115
- "default": "./dist/icons/drag.js"
116
- },
117
- "./icons/ellipsis": {
118
- "types": "./types/icons/ellipsis.d.ts",
119
- "default": "./dist/icons/ellipsis.js"
120
- },
121
- "./icons/email": {
122
- "types": "./types/icons/email.d.ts",
123
- "default": "./dist/icons/email.js"
124
- },
125
- "./icons/external": {
126
- "types": "./types/icons/external.d.ts",
127
- "default": "./dist/icons/external.js"
128
- },
129
- "./icons/filter": {
130
- "types": "./types/icons/filter.d.ts",
131
- "default": "./dist/icons/filter.js"
132
- },
133
- "./icons/flag": {
134
- "types": "./types/icons/flag.d.ts",
135
- "default": "./dist/icons/flag.js"
136
- },
137
- "./icons/google": {
138
- "types": "./types/icons/google.d.ts",
139
- "default": "./dist/icons/google.js"
140
- },
141
- "./icons/home": {
142
- "types": "./types/icons/home.d.ts",
143
- "default": "./dist/icons/home.js"
144
- },
145
- "./icons/image": {
146
- "types": "./types/icons/image.d.ts",
147
- "default": "./dist/icons/image.js"
148
- },
149
- "./icons/italic": {
150
- "types": "./types/icons/italic.d.ts",
151
- "default": "./dist/icons/italic.js"
152
- },
153
- "./icons/link": {
154
- "types": "./types/icons/link.d.ts",
155
- "default": "./dist/icons/link.js"
156
- },
157
- "./icons/loader": {
158
- "types": "./types/icons/loader.d.ts",
159
- "default": "./dist/icons/loader.js"
160
- },
161
- "./icons/lock": {
162
- "types": "./types/icons/lock.d.ts",
163
- "default": "./dist/icons/lock.js"
164
- },
165
- "./icons/logo-mark": {
166
- "types": "./types/icons/logo-mark.d.ts",
167
- "default": "./dist/icons/logo-mark.js"
168
- },
169
- "./icons/logo-tagline": {
170
- "types": "./types/icons/logo-tagline.d.ts",
171
- "default": "./dist/icons/logo-tagline.js"
172
- },
173
- "./icons/map-pin": {
174
- "types": "./types/icons/map-pin.d.ts",
175
- "default": "./dist/icons/map-pin.js"
176
- },
177
- "./icons/menu": {
178
- "types": "./types/icons/menu.d.ts",
179
- "default": "./dist/icons/menu.js"
180
- },
181
- "./icons/minus": {
182
- "types": "./types/icons/minus.d.ts",
183
- "default": "./dist/icons/minus.js"
184
- },
185
- "./icons/muted": {
186
- "types": "./types/icons/muted.d.ts",
187
- "default": "./dist/icons/muted.js"
188
- },
189
- "./icons/pause": {
190
- "types": "./types/icons/pause.d.ts",
191
- "default": "./dist/icons/pause.js"
192
- },
193
- "./icons/pencil": {
194
- "types": "./types/icons/pencil.d.ts",
195
- "default": "./dist/icons/pencil.js"
196
- },
197
- "./icons/play": {
198
- "types": "./types/icons/play.d.ts",
199
- "default": "./dist/icons/play.js"
200
- },
201
- "./icons/plus": {
202
- "types": "./types/icons/plus.d.ts",
203
- "default": "./dist/icons/plus.js"
204
- },
205
- "./icons/powered-by": {
206
- "types": "./types/icons/powered-by.d.ts",
207
- "default": "./dist/icons/powered-by.js"
208
- },
209
- "./icons/qr-code": {
210
- "types": "./types/icons/qr-code.d.ts",
211
- "default": "./dist/icons/qr-code.js"
212
- },
213
- "./icons/queue": {
214
- "types": "./types/icons/queue.d.ts",
215
- "default": "./dist/icons/queue.js"
216
- },
217
- "./icons/refresh": {
218
- "types": "./types/icons/refresh.d.ts",
219
- "default": "./dist/icons/refresh.js"
220
- },
221
- "./icons/refund": {
222
- "types": "./types/icons/refund.d.ts",
223
- "default": "./dist/icons/refund.js"
224
- },
225
- "./icons/rocket": {
226
- "types": "./types/icons/rocket.d.ts",
227
- "default": "./dist/icons/rocket.js"
228
- },
229
- "./icons/search": {
230
- "types": "./types/icons/search.d.ts",
231
- "default": "./dist/icons/search.js"
232
- },
233
- "./icons/share": {
234
- "types": "./types/icons/share.d.ts",
235
- "default": "./dist/icons/share.js"
236
- },
237
- "./icons/shop": {
238
- "types": "./types/icons/shop.d.ts",
239
- "default": "./dist/icons/shop.js"
240
- },
241
- "./icons/sparkles": {
242
- "types": "./types/icons/sparkles.d.ts",
243
- "default": "./dist/icons/sparkles.js"
244
- },
245
- "./icons/star": {
246
- "types": "./types/icons/star.d.ts",
247
- "default": "./dist/icons/star.js"
248
- },
249
- "./icons/switch": {
250
- "types": "./types/icons/switch.d.ts",
251
- "default": "./dist/icons/switch.js"
252
- },
253
- "./icons/times": {
254
- "types": "./types/icons/times.d.ts",
255
- "default": "./dist/icons/times.js"
256
- },
257
- "./icons/trash": {
258
- "types": "./types/icons/trash.d.ts",
259
- "default": "./dist/icons/trash.js"
260
- },
261
- "./icons/underline": {
262
- "types": "./types/icons/underline.d.ts",
263
- "default": "./dist/icons/underline.js"
264
- },
265
- "./icons/upload": {
266
- "types": "./types/icons/upload.d.ts",
267
- "default": "./dist/icons/upload.js"
268
- },
269
- "./icons/volume": {
270
- "types": "./types/icons/volume.d.ts",
271
- "default": "./dist/icons/volume.js"
272
- },
273
- "./icons/warning": {
274
- "types": "./types/icons/warning.d.ts",
275
- "default": "./dist/icons/warning.js"
276
- },
277
- "./input-checkbox": {
278
- "types": "./types/input-checkbox.d.ts",
279
- "default": "./dist/input-checkbox.js"
280
- },
281
- "./input-group": {
282
- "types": "./types/input-group.d.ts",
283
- "default": "./dist/input-group.js"
284
- },
285
- "./input-group-error": {
286
- "types": "./types/input-group-error.d.ts",
287
- "default": "./dist/input-group-error.js"
288
- },
289
- "./input-name": {
290
- "types": "./types/input-name.d.ts",
291
- "default": "./dist/input-name.js"
292
- },
293
- "./input-number": {
294
- "types": "./types/input-number.d.ts",
295
- "default": "./dist/input-number.js"
296
- },
297
- "./input-phone": {
298
- "types": "./types/input-phone.d.ts",
299
- "default": "./dist/input-phone.js"
300
- },
301
- "./input-select": {
302
- "types": "./types/input-select.d.ts",
303
- "default": "./dist/input-select.js"
304
- },
305
- "./input-text": {
306
- "types": "./types/input-text.d.ts",
307
- "default": "./dist/input-text.js"
308
- },
309
- "./input-textarea": {
310
- "types": "./types/input-textarea.d.ts",
311
- "default": "./dist/input-textarea.js"
312
- },
313
- "./product": {
314
- "types": "./types/product.d.ts",
315
- "default": "./dist/product.js"
316
- },
317
- "./provider-font": {
318
- "types": "./types/provider-font.d.ts",
319
- "default": "./dist/provider-font.js"
320
- },
321
- "./styles": {
322
- "types": "./types/styles.d.ts",
323
- "default": "./dist/styles.js"
324
- },
325
- "./video": {
326
- "types": "./types/video.d.ts",
327
- "default": "./dist/video.js"
328
- },
329
- "./wrapper-gradient": {
330
- "types": "./types/wrapper-gradient.d.ts",
331
- "default": "./dist/wrapper-gradient.js"
332
- }
333
- },
334
- "files": [
335
- "dist",
336
- "types"
337
- ],
338
- "author": "",
339
- "license": "ISC",
340
- "description": "",
341
- "publishConfig": {
342
- "access": "public"
343
- },
344
- "scripts": {
345
- "sync": ". \"$HOME/.nvm/nvm.sh\" && nvm use && npm prune && npm install && npx drawbridge-agents-sync",
346
- "test": ". \"$HOME/.nvm/nvm.sh\" && nvm use && node --test",
347
- "build": ". \"$HOME/.nvm/nvm.sh\" && nvm use && tsup && node --test && npm publish"
348
- },
349
- "peerDependencies": {
350
- "@drawbridge/drawbridge-utils": ">=0.0.61",
351
- "@drawbridge/shopify": ">=0.0.8",
352
- "next": ">=14",
353
- "react": ">=18"
354
- },
355
- "devDependencies": {
356
- "@types/react": "18.0.0",
357
- "tsup": "8.5.1"
358
- },
359
- "dependencies": {
360
- "@drawbridge/drawbridge-agents": "0.1.10",
361
- "embla-carousel-fade": "8.6.0",
362
- "embla-carousel-react": "8.6.0",
363
- "react-player": "2.16.0",
364
- "react-phone-number-input": "3.4.12"
365
- }
2
+ "name": "@drawbridge/components",
3
+ "version": "0.0.62",
4
+ "exports": {
5
+ "./advertisement": {
6
+ "types": "./types/advertisement.d.ts",
7
+ "default": "./dist/advertisement.js"
8
+ },
9
+ "./embla": {
10
+ "types": "./types/embla.d.ts",
11
+ "default": "./dist/embla.js"
12
+ },
13
+ "./embla-fade": {
14
+ "types": "./types/embla-fade.d.ts",
15
+ "default": "./dist/embla-fade.js"
16
+ },
17
+ "./icons/arrow-down-tray": {
18
+ "types": "./types/icons/arrow-down-tray.d.ts",
19
+ "default": "./dist/icons/arrow-down-tray.js"
20
+ },
21
+ "./icons/arrow-left": {
22
+ "types": "./types/icons/arrow-left.d.ts",
23
+ "default": "./dist/icons/arrow-left.js"
24
+ },
25
+ "./icons/arrow-right": {
26
+ "types": "./types/icons/arrow-right.d.ts",
27
+ "default": "./dist/icons/arrow-right.js"
28
+ },
29
+ "./icons/arrow-up-tray": {
30
+ "types": "./types/icons/arrow-up-tray.d.ts",
31
+ "default": "./dist/icons/arrow-up-tray.js"
32
+ },
33
+ "./icons/bars-arrow-down": {
34
+ "types": "./types/icons/bars-arrow-down.d.ts",
35
+ "default": "./dist/icons/bars-arrow-down.js"
36
+ },
37
+ "./icons/bars-arrow-up": {
38
+ "types": "./types/icons/bars-arrow-up.d.ts",
39
+ "default": "./dist/icons/bars-arrow-up.js"
40
+ },
41
+ "./icons/bold": {
42
+ "types": "./types/icons/bold.d.ts",
43
+ "default": "./dist/icons/bold.js"
44
+ },
45
+ "./icons/bolt": {
46
+ "types": "./types/icons/bolt.d.ts",
47
+ "default": "./dist/icons/bolt.js"
48
+ },
49
+ "./icons/calendar": {
50
+ "types": "./types/icons/calendar.d.ts",
51
+ "default": "./dist/icons/calendar.js"
52
+ },
53
+ "./icons/cancel": {
54
+ "types": "./types/icons/cancel.d.ts",
55
+ "default": "./dist/icons/cancel.js"
56
+ },
57
+ "./icons/card": {
58
+ "types": "./types/icons/card.d.ts",
59
+ "default": "./dist/icons/card.js"
60
+ },
61
+ "./icons/chart": {
62
+ "types": "./types/icons/chart.d.ts",
63
+ "default": "./dist/icons/chart.js"
64
+ },
65
+ "./icons/check": {
66
+ "types": "./types/icons/check.d.ts",
67
+ "default": "./dist/icons/check.js"
68
+ },
69
+ "./icons/chevron-down": {
70
+ "types": "./types/icons/chevron-down.d.ts",
71
+ "default": "./dist/icons/chevron-down.js"
72
+ },
73
+ "./icons/chevron-left": {
74
+ "types": "./types/icons/chevron-left.d.ts",
75
+ "default": "./dist/icons/chevron-left.js"
76
+ },
77
+ "./icons/chevron-right": {
78
+ "types": "./types/icons/chevron-right.d.ts",
79
+ "default": "./dist/icons/chevron-right.js"
80
+ },
81
+ "./icons/chevron-up-down": {
82
+ "types": "./types/icons/chevron-up-down.d.ts",
83
+ "default": "./dist/icons/chevron-up-down.js"
84
+ },
85
+ "./icons/chevron-up": {
86
+ "types": "./types/icons/chevron-up.d.ts",
87
+ "default": "./dist/icons/chevron-up.js"
88
+ },
89
+ "./icons/clock": {
90
+ "types": "./types/icons/clock.d.ts",
91
+ "default": "./dist/icons/clock.js"
92
+ },
93
+ "./icons/code-bracket": {
94
+ "types": "./types/icons/code-bracket.d.ts",
95
+ "default": "./dist/icons/code-bracket.js"
96
+ },
97
+ "./icons/cog": {
98
+ "types": "./types/icons/cog.d.ts",
99
+ "default": "./dist/icons/cog.js"
100
+ },
101
+ "./icons/copy": {
102
+ "types": "./types/icons/copy.d.ts",
103
+ "default": "./dist/icons/copy.js"
104
+ },
105
+ "./icons/document": {
106
+ "types": "./types/icons/document.d.ts",
107
+ "default": "./dist/icons/document.js"
108
+ },
109
+ "./icons/download": {
110
+ "types": "./types/icons/download.d.ts",
111
+ "default": "./dist/icons/download.js"
112
+ },
113
+ "./icons/drag": {
114
+ "types": "./types/icons/drag.d.ts",
115
+ "default": "./dist/icons/drag.js"
116
+ },
117
+ "./icons/ellipsis": {
118
+ "types": "./types/icons/ellipsis.d.ts",
119
+ "default": "./dist/icons/ellipsis.js"
120
+ },
121
+ "./icons/email": {
122
+ "types": "./types/icons/email.d.ts",
123
+ "default": "./dist/icons/email.js"
124
+ },
125
+ "./icons/external": {
126
+ "types": "./types/icons/external.d.ts",
127
+ "default": "./dist/icons/external.js"
128
+ },
129
+ "./icons/filter": {
130
+ "types": "./types/icons/filter.d.ts",
131
+ "default": "./dist/icons/filter.js"
132
+ },
133
+ "./icons/flag": {
134
+ "types": "./types/icons/flag.d.ts",
135
+ "default": "./dist/icons/flag.js"
136
+ },
137
+ "./icons/google": {
138
+ "types": "./types/icons/google.d.ts",
139
+ "default": "./dist/icons/google.js"
140
+ },
141
+ "./icons/home": {
142
+ "types": "./types/icons/home.d.ts",
143
+ "default": "./dist/icons/home.js"
144
+ },
145
+ "./icons/image": {
146
+ "types": "./types/icons/image.d.ts",
147
+ "default": "./dist/icons/image.js"
148
+ },
149
+ "./icons/italic": {
150
+ "types": "./types/icons/italic.d.ts",
151
+ "default": "./dist/icons/italic.js"
152
+ },
153
+ "./icons/link": {
154
+ "types": "./types/icons/link.d.ts",
155
+ "default": "./dist/icons/link.js"
156
+ },
157
+ "./icons/loader": {
158
+ "types": "./types/icons/loader.d.ts",
159
+ "default": "./dist/icons/loader.js"
160
+ },
161
+ "./icons/lock": {
162
+ "types": "./types/icons/lock.d.ts",
163
+ "default": "./dist/icons/lock.js"
164
+ },
165
+ "./icons/logo-mark": {
166
+ "types": "./types/icons/logo-mark.d.ts",
167
+ "default": "./dist/icons/logo-mark.js"
168
+ },
169
+ "./icons/logo-tagline": {
170
+ "types": "./types/icons/logo-tagline.d.ts",
171
+ "default": "./dist/icons/logo-tagline.js"
172
+ },
173
+ "./icons/map-pin": {
174
+ "types": "./types/icons/map-pin.d.ts",
175
+ "default": "./dist/icons/map-pin.js"
176
+ },
177
+ "./icons/menu": {
178
+ "types": "./types/icons/menu.d.ts",
179
+ "default": "./dist/icons/menu.js"
180
+ },
181
+ "./icons/minus": {
182
+ "types": "./types/icons/minus.d.ts",
183
+ "default": "./dist/icons/minus.js"
184
+ },
185
+ "./icons/muted": {
186
+ "types": "./types/icons/muted.d.ts",
187
+ "default": "./dist/icons/muted.js"
188
+ },
189
+ "./icons/pause": {
190
+ "types": "./types/icons/pause.d.ts",
191
+ "default": "./dist/icons/pause.js"
192
+ },
193
+ "./icons/pencil": {
194
+ "types": "./types/icons/pencil.d.ts",
195
+ "default": "./dist/icons/pencil.js"
196
+ },
197
+ "./icons/play": {
198
+ "types": "./types/icons/play.d.ts",
199
+ "default": "./dist/icons/play.js"
200
+ },
201
+ "./icons/plus": {
202
+ "types": "./types/icons/plus.d.ts",
203
+ "default": "./dist/icons/plus.js"
204
+ },
205
+ "./icons/powered-by": {
206
+ "types": "./types/icons/powered-by.d.ts",
207
+ "default": "./dist/icons/powered-by.js"
208
+ },
209
+ "./icons/qr-code": {
210
+ "types": "./types/icons/qr-code.d.ts",
211
+ "default": "./dist/icons/qr-code.js"
212
+ },
213
+ "./icons/queue": {
214
+ "types": "./types/icons/queue.d.ts",
215
+ "default": "./dist/icons/queue.js"
216
+ },
217
+ "./icons/refresh": {
218
+ "types": "./types/icons/refresh.d.ts",
219
+ "default": "./dist/icons/refresh.js"
220
+ },
221
+ "./icons/refund": {
222
+ "types": "./types/icons/refund.d.ts",
223
+ "default": "./dist/icons/refund.js"
224
+ },
225
+ "./icons/rocket": {
226
+ "types": "./types/icons/rocket.d.ts",
227
+ "default": "./dist/icons/rocket.js"
228
+ },
229
+ "./icons/search": {
230
+ "types": "./types/icons/search.d.ts",
231
+ "default": "./dist/icons/search.js"
232
+ },
233
+ "./icons/share": {
234
+ "types": "./types/icons/share.d.ts",
235
+ "default": "./dist/icons/share.js"
236
+ },
237
+ "./icons/shop": {
238
+ "types": "./types/icons/shop.d.ts",
239
+ "default": "./dist/icons/shop.js"
240
+ },
241
+ "./icons/sparkles": {
242
+ "types": "./types/icons/sparkles.d.ts",
243
+ "default": "./dist/icons/sparkles.js"
244
+ },
245
+ "./icons/star": {
246
+ "types": "./types/icons/star.d.ts",
247
+ "default": "./dist/icons/star.js"
248
+ },
249
+ "./icons/switch": {
250
+ "types": "./types/icons/switch.d.ts",
251
+ "default": "./dist/icons/switch.js"
252
+ },
253
+ "./icons/times": {
254
+ "types": "./types/icons/times.d.ts",
255
+ "default": "./dist/icons/times.js"
256
+ },
257
+ "./icons/trash": {
258
+ "types": "./types/icons/trash.d.ts",
259
+ "default": "./dist/icons/trash.js"
260
+ },
261
+ "./icons/underline": {
262
+ "types": "./types/icons/underline.d.ts",
263
+ "default": "./dist/icons/underline.js"
264
+ },
265
+ "./icons/upload": {
266
+ "types": "./types/icons/upload.d.ts",
267
+ "default": "./dist/icons/upload.js"
268
+ },
269
+ "./icons/volume": {
270
+ "types": "./types/icons/volume.d.ts",
271
+ "default": "./dist/icons/volume.js"
272
+ },
273
+ "./icons/warning": {
274
+ "types": "./types/icons/warning.d.ts",
275
+ "default": "./dist/icons/warning.js"
276
+ },
277
+ "./input-checkbox": {
278
+ "types": "./types/input-checkbox.d.ts",
279
+ "default": "./dist/input-checkbox.js"
280
+ },
281
+ "./input-group": {
282
+ "types": "./types/input-group.d.ts",
283
+ "default": "./dist/input-group.js"
284
+ },
285
+ "./input-group-error": {
286
+ "types": "./types/input-group-error.d.ts",
287
+ "default": "./dist/input-group-error.js"
288
+ },
289
+ "./input-name": {
290
+ "types": "./types/input-name.d.ts",
291
+ "default": "./dist/input-name.js"
292
+ },
293
+ "./input-number": {
294
+ "types": "./types/input-number.d.ts",
295
+ "default": "./dist/input-number.js"
296
+ },
297
+ "./input-phone": {
298
+ "types": "./types/input-phone.d.ts",
299
+ "default": "./dist/input-phone.js"
300
+ },
301
+ "./input-select": {
302
+ "types": "./types/input-select.d.ts",
303
+ "default": "./dist/input-select.js"
304
+ },
305
+ "./input-text": {
306
+ "types": "./types/input-text.d.ts",
307
+ "default": "./dist/input-text.js"
308
+ },
309
+ "./input-textarea": {
310
+ "types": "./types/input-textarea.d.ts",
311
+ "default": "./dist/input-textarea.js"
312
+ },
313
+ "./product": {
314
+ "types": "./types/product.d.ts",
315
+ "default": "./dist/product.js"
316
+ },
317
+ "./provider-font": {
318
+ "types": "./types/provider-font.d.ts",
319
+ "default": "./dist/provider-font.js"
320
+ },
321
+ "./styles": {
322
+ "types": "./types/styles.d.ts",
323
+ "default": "./dist/styles.js"
324
+ },
325
+ "./video": {
326
+ "types": "./types/video.d.ts",
327
+ "default": "./dist/video.js"
328
+ },
329
+ "./wrapper-gradient": {
330
+ "types": "./types/wrapper-gradient.d.ts",
331
+ "default": "./dist/wrapper-gradient.js"
332
+ }
333
+ },
334
+ "files": [
335
+ "dist",
336
+ "types"
337
+ ],
338
+ "author": "",
339
+ "license": "ISC",
340
+ "description": "",
341
+ "publishConfig": {
342
+ "access": "public"
343
+ },
344
+ "scripts": {
345
+ "sync": ". \"$HOME/.nvm/nvm.sh\" && nvm use && npm prune && npm install && npx drawbridge-agents-sync",
346
+ "test": ". \"$HOME/.nvm/nvm.sh\" && nvm use && node --test",
347
+ "build": ". \"$HOME/.nvm/nvm.sh\" && nvm use && tsup && node --test && npm publish"
348
+ },
349
+ "peerDependencies": {
350
+ "@drawbridge/drawbridge-utils": ">=0.0.61",
351
+ "@drawbridge/shopify": ">=0.0.8",
352
+ "next": ">=14",
353
+ "react": ">=18"
354
+ },
355
+ "devDependencies": {
356
+ "@types/react": "18.0.0",
357
+ "tsup": "8.5.1",
358
+ "@drawbridge/drawbridge-agents": "0.1.16"
359
+ },
360
+ "dependencies": {
361
+ "embla-carousel-fade": "8.6.0",
362
+ "embla-carousel-react": "8.6.0",
363
+ "react-player": "2.16.0",
364
+ "react-phone-number-input": "3.4.12"
365
+ }
366
366
  }