@ai-matrx/tap-target 0.2.7 → 0.2.9
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/CHANGELOG.md +8 -0
- package/README.md +4 -4
- package/dist/buttons.cjs +238 -719
- package/dist/buttons.cjs.map +1 -1
- package/dist/buttons.d.cts +1 -1
- package/dist/buttons.d.ts +1 -1
- package/dist/buttons.js +243 -725
- package/dist/buttons.js.map +1 -1
- package/dist/index.cjs +13 -524
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -96
- package/dist/index.d.ts +1 -96
- package/dist/index.js +12 -526
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -159
- package/package.json +2 -2
- package/dist/link-CkRpHgou.d.cts +0 -40
- package/dist/link-CkRpHgou.d.ts +0 -40
package/dist/buttons.cjs
CHANGED
|
@@ -96,496 +96,15 @@ __export(buttons_exports, {
|
|
|
96
96
|
module.exports = __toCommonJS(buttons_exports);
|
|
97
97
|
|
|
98
98
|
// src/tap-buttons.tsx
|
|
99
|
-
var import_react2 = require("react");
|
|
100
|
-
var import_design_system2 = require("@ai-matrx/design-system");
|
|
101
|
-
|
|
102
|
-
// src/tap-target-button.tsx
|
|
103
99
|
var import_react = require("react");
|
|
104
100
|
var import_design_system = require("@ai-matrx/design-system");
|
|
105
101
|
|
|
106
|
-
// src/cn.ts
|
|
107
|
-
function cn(...values) {
|
|
108
|
-
return values.filter(Boolean).join(" ").trim();
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
// src/link.ts
|
|
112
|
-
var LINK_SLOT = /* @__PURE__ */ Symbol.for("@ai-matrx/tap-target:link-component");
|
|
113
|
-
function getTapTargetLinkComponent() {
|
|
114
|
-
return globalThis[LINK_SLOT] ?? null;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
102
|
// src/tap-target-button.tsx
|
|
118
|
-
var
|
|
119
|
-
var EXTERNAL_RE = /^(https?:|mailto:|tel:)/i;
|
|
120
|
-
var TAP_OUTER_CLASS = "matrx-tap-target group";
|
|
121
|
-
var TAP_GROUP_OUTER_CLASS = "matrx-tap-target matrx-tap-target-sm group";
|
|
122
|
-
function IconContent({
|
|
123
|
-
icon,
|
|
124
|
-
children,
|
|
125
|
-
strokeWidth = 2,
|
|
126
|
-
className
|
|
127
|
-
}) {
|
|
128
|
-
if (icon) {
|
|
129
|
-
if ((0, import_react.isValidElement)(icon)) {
|
|
130
|
-
return (0, import_react.cloneElement)(icon, {
|
|
131
|
-
className: cn(className, icon.props.className)
|
|
132
|
-
});
|
|
133
|
-
}
|
|
134
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className, children: icon });
|
|
135
|
-
}
|
|
136
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
137
|
-
"svg",
|
|
138
|
-
{
|
|
139
|
-
className,
|
|
140
|
-
fill: "none",
|
|
141
|
-
viewBox: "0 0 24 24",
|
|
142
|
-
stroke: "currentColor",
|
|
143
|
-
strokeWidth,
|
|
144
|
-
children
|
|
145
|
-
}
|
|
146
|
-
);
|
|
147
|
-
}
|
|
148
|
-
function resolveTapGeometry(label, size, mobileIconOnly) {
|
|
149
|
-
const inline = Boolean(label);
|
|
150
|
-
if (size === "sm") {
|
|
151
|
-
return {
|
|
152
|
-
outerClassName: inline && mobileIconOnly ? "matrx-tap-target matrx-tap-target-sm matrx-tap-target-mobile-icon-only-sm group" : inline ? "matrx-tap-target matrx-tap-target-sm matrx-tap-target-inline-sm group" : TAP_GROUP_OUTER_CLASS,
|
|
153
|
-
inlineModifier: mobileIconOnly ? "matrx-tap-pill-mobile-icon-only-sm" : "matrx-tap-pill-inline-sm"
|
|
154
|
-
};
|
|
155
|
-
}
|
|
156
|
-
return {
|
|
157
|
-
outerClassName: inline && mobileIconOnly ? `${TAP_OUTER_CLASS} matrx-tap-target-mobile-icon-only` : inline ? `${TAP_OUTER_CLASS} matrx-tap-target-inline` : TAP_OUTER_CLASS,
|
|
158
|
-
inlineModifier: mobileIconOnly ? "matrx-tap-pill-mobile-icon-only" : "matrx-tap-pill-inline"
|
|
159
|
-
};
|
|
160
|
-
}
|
|
161
|
-
function buildTapInner({
|
|
162
|
-
label,
|
|
163
|
-
pillClassName,
|
|
164
|
-
iconClassName,
|
|
165
|
-
labelClassName,
|
|
166
|
-
inlineModifier,
|
|
167
|
-
icon,
|
|
168
|
-
children,
|
|
169
|
-
strokeWidth = 2
|
|
170
|
-
}) {
|
|
171
|
-
const iconEl = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
172
|
-
IconContent,
|
|
173
|
-
{
|
|
174
|
-
icon,
|
|
175
|
-
strokeWidth,
|
|
176
|
-
className: iconClassName,
|
|
177
|
-
children
|
|
178
|
-
}
|
|
179
|
-
);
|
|
180
|
-
const pillClasses = label ? `${pillClassName} ${inlineModifier}`.trim() : pillClassName;
|
|
181
|
-
if (!label) {
|
|
182
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: pillClasses, children: iconEl });
|
|
183
|
-
}
|
|
184
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: pillClasses, children: [
|
|
185
|
-
iconEl,
|
|
186
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: labelClassName ?? "matrx-tap-label", children: label })
|
|
187
|
-
] });
|
|
188
|
-
}
|
|
189
|
-
function renderTapTarget({
|
|
190
|
-
size = "default",
|
|
191
|
-
pillClassName,
|
|
192
|
-
iconClassName,
|
|
193
|
-
labelClassName,
|
|
194
|
-
icon,
|
|
195
|
-
children,
|
|
196
|
-
strokeWidth,
|
|
197
|
-
label,
|
|
198
|
-
mobileIconOnly = false,
|
|
199
|
-
onClick,
|
|
200
|
-
as,
|
|
201
|
-
htmlFor,
|
|
202
|
-
ariaLabel,
|
|
203
|
-
disabled,
|
|
204
|
-
href,
|
|
205
|
-
target,
|
|
206
|
-
rel,
|
|
207
|
-
prefetch,
|
|
208
|
-
linkComponent,
|
|
209
|
-
tooltip,
|
|
210
|
-
tooltipSide,
|
|
211
|
-
tooltipAlign,
|
|
212
|
-
rest,
|
|
213
|
-
buttonRef
|
|
214
|
-
}) {
|
|
215
|
-
const { outerClassName, inlineModifier } = resolveTapGeometry(
|
|
216
|
-
label,
|
|
217
|
-
size,
|
|
218
|
-
mobileIconOnly
|
|
219
|
-
);
|
|
220
|
-
const responsiveLabelClassName = mobileIconOnly ? `${labelClassName ?? "matrx-tap-label"} matrx-tap-label-mobile-icon-only` : labelClassName;
|
|
221
|
-
const inner = buildTapInner({
|
|
222
|
-
label,
|
|
223
|
-
pillClassName,
|
|
224
|
-
iconClassName,
|
|
225
|
-
labelClassName: responsiveLabelClassName,
|
|
226
|
-
inlineModifier: label ? inlineModifier : "",
|
|
227
|
-
icon,
|
|
228
|
-
children,
|
|
229
|
-
strokeWidth
|
|
230
|
-
});
|
|
231
|
-
const resolvedTooltip = tooltip !== void 0 ? tooltip : label ? false : void 0;
|
|
232
|
-
const triggerAriaLabel = label && !mobileIconOnly ? void 0 : ariaLabel ?? label;
|
|
233
|
-
const trigger = renderTrigger({
|
|
234
|
-
href,
|
|
235
|
-
target,
|
|
236
|
-
rel,
|
|
237
|
-
prefetch,
|
|
238
|
-
linkComponent,
|
|
239
|
-
as,
|
|
240
|
-
htmlFor,
|
|
241
|
-
onClick,
|
|
242
|
-
ariaLabel: triggerAriaLabel,
|
|
243
|
-
disabled,
|
|
244
|
-
outerClassName,
|
|
245
|
-
children: inner,
|
|
246
|
-
rest,
|
|
247
|
-
buttonRef
|
|
248
|
-
});
|
|
249
|
-
return withTooltip(trigger, {
|
|
250
|
-
tooltip: resolvedTooltip,
|
|
251
|
-
ariaLabel: triggerAriaLabel,
|
|
252
|
-
disabled,
|
|
253
|
-
tooltipSide,
|
|
254
|
-
tooltipAlign
|
|
255
|
-
});
|
|
256
|
-
}
|
|
257
|
-
function renderTrigger({
|
|
258
|
-
href,
|
|
259
|
-
target,
|
|
260
|
-
rel,
|
|
261
|
-
prefetch,
|
|
262
|
-
linkComponent,
|
|
263
|
-
as,
|
|
264
|
-
htmlFor,
|
|
265
|
-
onClick,
|
|
266
|
-
ariaLabel,
|
|
267
|
-
disabled,
|
|
268
|
-
outerClassName,
|
|
269
|
-
children,
|
|
270
|
-
rest,
|
|
271
|
-
buttonRef
|
|
272
|
-
}) {
|
|
273
|
-
if (disabled && href) {
|
|
274
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
275
|
-
"span",
|
|
276
|
-
{
|
|
277
|
-
"aria-disabled": "true",
|
|
278
|
-
"aria-label": ariaLabel,
|
|
279
|
-
className: `${outerClassName} opacity-40 pointer-events-none`,
|
|
280
|
-
children
|
|
281
|
-
}
|
|
282
|
-
);
|
|
283
|
-
}
|
|
284
|
-
if (href) {
|
|
285
|
-
const isExternal = EXTERNAL_RE.test(href);
|
|
286
|
-
if (isExternal) {
|
|
287
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
288
|
-
"a",
|
|
289
|
-
{
|
|
290
|
-
href,
|
|
291
|
-
target: target ?? "_blank",
|
|
292
|
-
rel: rel ?? "noopener noreferrer",
|
|
293
|
-
"aria-label": ariaLabel,
|
|
294
|
-
className: outerClassName,
|
|
295
|
-
children
|
|
296
|
-
}
|
|
297
|
-
);
|
|
298
|
-
}
|
|
299
|
-
const Link = linkComponent ?? getTapTargetLinkComponent();
|
|
300
|
-
if (Link) {
|
|
301
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
302
|
-
Link,
|
|
303
|
-
{
|
|
304
|
-
href,
|
|
305
|
-
target,
|
|
306
|
-
rel,
|
|
307
|
-
prefetch,
|
|
308
|
-
"aria-label": ariaLabel,
|
|
309
|
-
className: outerClassName,
|
|
310
|
-
children
|
|
311
|
-
}
|
|
312
|
-
);
|
|
313
|
-
}
|
|
314
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
315
|
-
"a",
|
|
316
|
-
{
|
|
317
|
-
href,
|
|
318
|
-
target,
|
|
319
|
-
rel,
|
|
320
|
-
"aria-label": ariaLabel,
|
|
321
|
-
className: outerClassName,
|
|
322
|
-
children
|
|
323
|
-
}
|
|
324
|
-
);
|
|
325
|
-
}
|
|
326
|
-
if (as === "label") {
|
|
327
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
328
|
-
"label",
|
|
329
|
-
{
|
|
330
|
-
htmlFor,
|
|
331
|
-
"aria-label": ariaLabel,
|
|
332
|
-
className: outerClassName,
|
|
333
|
-
children
|
|
334
|
-
}
|
|
335
|
-
);
|
|
336
|
-
}
|
|
337
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
338
|
-
"button",
|
|
339
|
-
{
|
|
340
|
-
ref: buttonRef,
|
|
341
|
-
type: "button",
|
|
342
|
-
onClick,
|
|
343
|
-
"aria-label": ariaLabel,
|
|
344
|
-
disabled,
|
|
345
|
-
...rest,
|
|
346
|
-
className: outerClassName,
|
|
347
|
-
children
|
|
348
|
-
}
|
|
349
|
-
);
|
|
350
|
-
}
|
|
351
|
-
function withTooltip(trigger, {
|
|
352
|
-
tooltip,
|
|
353
|
-
ariaLabel,
|
|
354
|
-
disabled,
|
|
355
|
-
tooltipSide = "top",
|
|
356
|
-
tooltipAlign = "center"
|
|
357
|
-
}) {
|
|
358
|
-
if (tooltip === false) return trigger;
|
|
359
|
-
const label = typeof tooltip === "string" && tooltip.length > 0 ? tooltip : ariaLabel;
|
|
360
|
-
if (!label) return trigger;
|
|
361
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design_system.Tooltip, { children: [
|
|
362
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.TooltipTrigger, { asChild: true, children: disabled ? (
|
|
363
|
-
// Radix Tooltip triggers need a hoverable element; a disabled button
|
|
364
|
-
// does not dispatch pointer events, so we wrap in a span for the
|
|
365
|
-
// trigger target while keeping the disabled visual state.
|
|
366
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "inline-flex", children: trigger })
|
|
367
|
-
) : trigger }),
|
|
368
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.TooltipContent, { side: tooltipSide, align: tooltipAlign, children: label })
|
|
369
|
-
] });
|
|
370
|
-
}
|
|
371
|
-
var TapTargetButton = (0, import_react.forwardRef)(function TapTargetButton2({
|
|
372
|
-
icon,
|
|
373
|
-
children,
|
|
374
|
-
strokeWidth = 2,
|
|
375
|
-
onClick,
|
|
376
|
-
className,
|
|
377
|
-
as,
|
|
378
|
-
htmlFor,
|
|
379
|
-
ariaLabel,
|
|
380
|
-
disabled,
|
|
381
|
-
href,
|
|
382
|
-
target,
|
|
383
|
-
rel,
|
|
384
|
-
prefetch,
|
|
385
|
-
linkComponent,
|
|
386
|
-
tooltip,
|
|
387
|
-
tooltipSide,
|
|
388
|
-
tooltipAlign,
|
|
389
|
-
label,
|
|
390
|
-
mobileIconOnly,
|
|
391
|
-
...rest
|
|
392
|
-
}, ref) {
|
|
393
|
-
const color = className ?? "text-foreground";
|
|
394
|
-
return renderTapTarget({
|
|
395
|
-
icon,
|
|
396
|
-
children,
|
|
397
|
-
strokeWidth,
|
|
398
|
-
onClick,
|
|
399
|
-
as,
|
|
400
|
-
htmlFor,
|
|
401
|
-
ariaLabel,
|
|
402
|
-
disabled,
|
|
403
|
-
href,
|
|
404
|
-
target,
|
|
405
|
-
rel,
|
|
406
|
-
prefetch,
|
|
407
|
-
linkComponent,
|
|
408
|
-
tooltip,
|
|
409
|
-
tooltipSide,
|
|
410
|
-
tooltipAlign,
|
|
411
|
-
label,
|
|
412
|
-
mobileIconOnly,
|
|
413
|
-
pillClassName: "matrx-tap-pill matrx-glass-thin-border",
|
|
414
|
-
iconClassName: `matrx-tap-icon ${color}`,
|
|
415
|
-
rest,
|
|
416
|
-
buttonRef: ref
|
|
417
|
-
});
|
|
418
|
-
});
|
|
419
|
-
var TapTargetButtonTransparent = (0, import_react.forwardRef)(function TapTargetButtonTransparent2({
|
|
420
|
-
icon,
|
|
421
|
-
children,
|
|
422
|
-
strokeWidth = 2,
|
|
423
|
-
onClick,
|
|
424
|
-
className,
|
|
425
|
-
as,
|
|
426
|
-
htmlFor,
|
|
427
|
-
ariaLabel,
|
|
428
|
-
disabled,
|
|
429
|
-
href,
|
|
430
|
-
target,
|
|
431
|
-
rel,
|
|
432
|
-
prefetch,
|
|
433
|
-
linkComponent,
|
|
434
|
-
tooltip,
|
|
435
|
-
tooltipSide,
|
|
436
|
-
tooltipAlign,
|
|
437
|
-
label,
|
|
438
|
-
mobileIconOnly,
|
|
439
|
-
...rest
|
|
440
|
-
}, ref) {
|
|
441
|
-
const color = className ?? "text-foreground";
|
|
442
|
-
return renderTapTarget({
|
|
443
|
-
icon,
|
|
444
|
-
children,
|
|
445
|
-
strokeWidth,
|
|
446
|
-
onClick,
|
|
447
|
-
as,
|
|
448
|
-
htmlFor,
|
|
449
|
-
ariaLabel,
|
|
450
|
-
disabled,
|
|
451
|
-
href,
|
|
452
|
-
target,
|
|
453
|
-
rel,
|
|
454
|
-
prefetch,
|
|
455
|
-
linkComponent,
|
|
456
|
-
tooltip,
|
|
457
|
-
tooltipSide,
|
|
458
|
-
tooltipAlign,
|
|
459
|
-
label,
|
|
460
|
-
mobileIconOnly,
|
|
461
|
-
pillClassName: "matrx-tap-pill hover:bg-muted active:bg-muted-foreground/15",
|
|
462
|
-
iconClassName: `matrx-tap-icon ${color}`,
|
|
463
|
-
rest,
|
|
464
|
-
buttonRef: ref
|
|
465
|
-
});
|
|
466
|
-
});
|
|
467
|
-
var TapTargetButtonSolid = (0, import_react.forwardRef)(function TapTargetButtonSolid2({
|
|
468
|
-
icon,
|
|
469
|
-
children,
|
|
470
|
-
strokeWidth = 2,
|
|
471
|
-
onClick,
|
|
472
|
-
as,
|
|
473
|
-
htmlFor,
|
|
474
|
-
ariaLabel,
|
|
475
|
-
disabled,
|
|
476
|
-
href,
|
|
477
|
-
target,
|
|
478
|
-
rel,
|
|
479
|
-
prefetch,
|
|
480
|
-
linkComponent,
|
|
481
|
-
bgColor = "bg-primary",
|
|
482
|
-
iconColor = "text-primary-foreground",
|
|
483
|
-
hoverBgColor = "hover:bg-primary/80",
|
|
484
|
-
activeBgColor = "active:brightness-90",
|
|
485
|
-
tooltip,
|
|
486
|
-
tooltipSide,
|
|
487
|
-
tooltipAlign,
|
|
488
|
-
label,
|
|
489
|
-
mobileIconOnly,
|
|
490
|
-
...rest
|
|
491
|
-
}, ref) {
|
|
492
|
-
return renderTapTarget({
|
|
493
|
-
icon,
|
|
494
|
-
children,
|
|
495
|
-
strokeWidth,
|
|
496
|
-
onClick,
|
|
497
|
-
as,
|
|
498
|
-
htmlFor,
|
|
499
|
-
ariaLabel,
|
|
500
|
-
disabled,
|
|
501
|
-
href,
|
|
502
|
-
target,
|
|
503
|
-
rel,
|
|
504
|
-
prefetch,
|
|
505
|
-
linkComponent,
|
|
506
|
-
tooltip,
|
|
507
|
-
tooltipSide,
|
|
508
|
-
tooltipAlign,
|
|
509
|
-
label,
|
|
510
|
-
mobileIconOnly,
|
|
511
|
-
pillClassName: `matrx-tap-pill ${bgColor} ${iconColor} ${hoverBgColor} ${activeBgColor}`,
|
|
512
|
-
iconClassName: `matrx-tap-icon ${iconColor}`,
|
|
513
|
-
labelClassName: `matrx-tap-label ${iconColor}`,
|
|
514
|
-
rest,
|
|
515
|
-
buttonRef: ref
|
|
516
|
-
});
|
|
517
|
-
});
|
|
518
|
-
var TapTargetButtonDestructive = (0, import_react.forwardRef)(function TapTargetButtonDestructive2({
|
|
519
|
-
bgColor = "bg-destructive",
|
|
520
|
-
iconColor = "text-destructive-foreground",
|
|
521
|
-
hoverBgColor = "hover:bg-destructive/90",
|
|
522
|
-
...rest
|
|
523
|
-
}, ref) {
|
|
524
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
525
|
-
TapTargetButtonSolid,
|
|
526
|
-
{
|
|
527
|
-
ref,
|
|
528
|
-
bgColor,
|
|
529
|
-
iconColor,
|
|
530
|
-
hoverBgColor,
|
|
531
|
-
...rest
|
|
532
|
-
}
|
|
533
|
-
);
|
|
534
|
-
});
|
|
535
|
-
var TapTargetButtonForGroup = (0, import_react.forwardRef)(function TapTargetButtonForGroup2({
|
|
536
|
-
icon,
|
|
537
|
-
children,
|
|
538
|
-
strokeWidth = 2,
|
|
539
|
-
onClick,
|
|
540
|
-
className,
|
|
541
|
-
as,
|
|
542
|
-
htmlFor,
|
|
543
|
-
ariaLabel,
|
|
544
|
-
disabled,
|
|
545
|
-
href,
|
|
546
|
-
target,
|
|
547
|
-
rel,
|
|
548
|
-
prefetch,
|
|
549
|
-
linkComponent,
|
|
550
|
-
tooltip,
|
|
551
|
-
tooltipSide,
|
|
552
|
-
tooltipAlign,
|
|
553
|
-
label,
|
|
554
|
-
mobileIconOnly,
|
|
555
|
-
...rest
|
|
556
|
-
}, ref) {
|
|
557
|
-
const color = className ?? "text-foreground";
|
|
558
|
-
return renderTapTarget({
|
|
559
|
-
size: "sm",
|
|
560
|
-
icon,
|
|
561
|
-
children,
|
|
562
|
-
strokeWidth,
|
|
563
|
-
onClick,
|
|
564
|
-
as,
|
|
565
|
-
htmlFor,
|
|
566
|
-
ariaLabel,
|
|
567
|
-
disabled,
|
|
568
|
-
href,
|
|
569
|
-
target,
|
|
570
|
-
rel,
|
|
571
|
-
prefetch,
|
|
572
|
-
linkComponent,
|
|
573
|
-
tooltip,
|
|
574
|
-
tooltipSide,
|
|
575
|
-
tooltipAlign,
|
|
576
|
-
label,
|
|
577
|
-
mobileIconOnly,
|
|
578
|
-
pillClassName: "matrx-tap-pill matrx-tap-pill-sm matrx-glass-interactive",
|
|
579
|
-
iconClassName: `matrx-tap-icon ${color}`,
|
|
580
|
-
labelClassName: `matrx-tap-label ${color}`,
|
|
581
|
-
rest,
|
|
582
|
-
buttonRef: ref
|
|
583
|
-
});
|
|
584
|
-
});
|
|
103
|
+
var import_tap_target = require("@ai-matrx/design-system/tap-target");
|
|
585
104
|
|
|
586
105
|
// src/tap-buttons.tsx
|
|
587
|
-
var
|
|
588
|
-
var Wrap = (0,
|
|
106
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
107
|
+
var Wrap = (0, import_react.forwardRef)(function Wrap2({
|
|
589
108
|
variant = "glass",
|
|
590
109
|
children,
|
|
591
110
|
bgColor,
|
|
@@ -598,10 +117,10 @@ var Wrap = (0, import_react2.forwardRef)(function Wrap2({
|
|
|
598
117
|
}, ref) {
|
|
599
118
|
switch (variant) {
|
|
600
119
|
case "transparent":
|
|
601
|
-
return /* @__PURE__ */ (0,
|
|
120
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tap_target.TapTargetButtonTransparent, { ref, ...props, children });
|
|
602
121
|
case "solid":
|
|
603
|
-
return /* @__PURE__ */ (0,
|
|
604
|
-
TapTargetButtonSolid,
|
|
122
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
123
|
+
import_tap_target.TapTargetButtonSolid,
|
|
605
124
|
{
|
|
606
125
|
ref,
|
|
607
126
|
bgColor,
|
|
@@ -613,13 +132,13 @@ var Wrap = (0, import_react2.forwardRef)(function Wrap2({
|
|
|
613
132
|
}
|
|
614
133
|
);
|
|
615
134
|
case "group":
|
|
616
|
-
return /* @__PURE__ */ (0,
|
|
135
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tap_target.TapTargetButtonForGroup, { ref, ...props, children });
|
|
617
136
|
default:
|
|
618
|
-
return /* @__PURE__ */ (0,
|
|
137
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tap_target.TapTargetButton, { ref, ...props, children });
|
|
619
138
|
}
|
|
620
139
|
});
|
|
621
140
|
function MenuTapButton(props) {
|
|
622
|
-
return /* @__PURE__ */ (0,
|
|
141
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrap, { ariaLabel: "Menu", strokeWidth: 1.75, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
623
142
|
"path",
|
|
624
143
|
{
|
|
625
144
|
strokeLinecap: "round",
|
|
@@ -629,7 +148,7 @@ function MenuTapButton(props) {
|
|
|
629
148
|
) });
|
|
630
149
|
}
|
|
631
150
|
function PlusTapButton(props) {
|
|
632
|
-
return /* @__PURE__ */ (0,
|
|
151
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrap, { ariaLabel: "Add", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
633
152
|
"path",
|
|
634
153
|
{
|
|
635
154
|
strokeLinecap: "round",
|
|
@@ -639,13 +158,13 @@ function PlusTapButton(props) {
|
|
|
639
158
|
) });
|
|
640
159
|
}
|
|
641
160
|
function SearchTapButton(props) {
|
|
642
|
-
return /* @__PURE__ */ (0,
|
|
643
|
-
/* @__PURE__ */ (0,
|
|
644
|
-
/* @__PURE__ */ (0,
|
|
161
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Search", ...props, children: [
|
|
162
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
|
|
163
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m21 21-4.34-4.34" })
|
|
645
164
|
] });
|
|
646
165
|
}
|
|
647
166
|
function SettingsTapButton(props) {
|
|
648
|
-
return /* @__PURE__ */ (0,
|
|
167
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrap, { ariaLabel: "Settings", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
649
168
|
"path",
|
|
650
169
|
{
|
|
651
170
|
strokeLinecap: "round",
|
|
@@ -655,7 +174,7 @@ function SettingsTapButton(props) {
|
|
|
655
174
|
) });
|
|
656
175
|
}
|
|
657
176
|
function MaximizeTapButton(props) {
|
|
658
|
-
return /* @__PURE__ */ (0,
|
|
177
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrap, { ariaLabel: "Fullscreen", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
659
178
|
"path",
|
|
660
179
|
{
|
|
661
180
|
strokeLinecap: "round",
|
|
@@ -665,31 +184,31 @@ function MaximizeTapButton(props) {
|
|
|
665
184
|
) });
|
|
666
185
|
}
|
|
667
186
|
function HomeTapButton(props) {
|
|
668
|
-
return /* @__PURE__ */ (0,
|
|
669
|
-
/* @__PURE__ */ (0,
|
|
670
|
-
/* @__PURE__ */ (0,
|
|
187
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Hub", ...props, children: [
|
|
188
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8" }),
|
|
189
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" })
|
|
671
190
|
] });
|
|
672
191
|
}
|
|
673
192
|
function LayoutGridTapButton(props) {
|
|
674
|
-
return /* @__PURE__ */ (0,
|
|
675
|
-
/* @__PURE__ */ (0,
|
|
676
|
-
/* @__PURE__ */ (0,
|
|
677
|
-
/* @__PURE__ */ (0,
|
|
678
|
-
/* @__PURE__ */ (0,
|
|
193
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Card view", ...props, children: [
|
|
194
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "7", height: "7", x: "3", y: "3", rx: "1" }),
|
|
195
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "7", height: "7", x: "14", y: "3", rx: "1" }),
|
|
196
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "7", height: "7", x: "14", y: "14", rx: "1" }),
|
|
197
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "7", height: "7", x: "3", y: "14", rx: "1" })
|
|
679
198
|
] });
|
|
680
199
|
}
|
|
681
200
|
function ListTapButton(props) {
|
|
682
|
-
return /* @__PURE__ */ (0,
|
|
683
|
-
/* @__PURE__ */ (0,
|
|
684
|
-
/* @__PURE__ */ (0,
|
|
685
|
-
/* @__PURE__ */ (0,
|
|
686
|
-
/* @__PURE__ */ (0,
|
|
687
|
-
/* @__PURE__ */ (0,
|
|
688
|
-
/* @__PURE__ */ (0,
|
|
201
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Table view", ...props, children: [
|
|
202
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 5h.01" }),
|
|
203
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 12h.01" }),
|
|
204
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 19h.01" }),
|
|
205
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 5h13" }),
|
|
206
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 12h13" }),
|
|
207
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 19h13" })
|
|
689
208
|
] });
|
|
690
209
|
}
|
|
691
210
|
function ArrowDownUpTapButton(props) {
|
|
692
|
-
return /* @__PURE__ */ (0,
|
|
211
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrap, { ariaLabel: "Sort", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
693
212
|
"path",
|
|
694
213
|
{
|
|
695
214
|
strokeLinecap: "round",
|
|
@@ -699,190 +218,190 @@ function ArrowDownUpTapButton(props) {
|
|
|
699
218
|
) });
|
|
700
219
|
}
|
|
701
220
|
function BellTapButton(props) {
|
|
702
|
-
return /* @__PURE__ */ (0,
|
|
703
|
-
/* @__PURE__ */ (0,
|
|
704
|
-
/* @__PURE__ */ (0,
|
|
221
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Notifications", ...props, children: [
|
|
222
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M10.268 21a2 2 0 0 0 3.464 0" }),
|
|
223
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326" })
|
|
705
224
|
] });
|
|
706
225
|
}
|
|
707
226
|
function BellRingTapButton(props) {
|
|
708
|
-
return /* @__PURE__ */ (0,
|
|
709
|
-
/* @__PURE__ */ (0,
|
|
710
|
-
/* @__PURE__ */ (0,
|
|
711
|
-
/* @__PURE__ */ (0,
|
|
712
|
-
/* @__PURE__ */ (0,
|
|
227
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Notifications", ...props, children: [
|
|
228
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M10.268 21a2 2 0 0 0 3.464 0" }),
|
|
229
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M22 8c0-2.3-.8-4.3-2-6" }),
|
|
230
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326" }),
|
|
231
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 2C2.8 3.7 2 5.7 2 8" })
|
|
713
232
|
] });
|
|
714
233
|
}
|
|
715
234
|
function ZapTapButton(props) {
|
|
716
|
-
return /* @__PURE__ */ (0,
|
|
235
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrap, { ariaLabel: "Quick actions", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z" }) });
|
|
717
236
|
}
|
|
718
237
|
function UploadTapButton(props) {
|
|
719
|
-
return /* @__PURE__ */ (0,
|
|
720
|
-
/* @__PURE__ */ (0,
|
|
721
|
-
/* @__PURE__ */ (0,
|
|
722
|
-
/* @__PURE__ */ (0,
|
|
238
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Upload", ...props, children: [
|
|
239
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 3v12" }),
|
|
240
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m17 8-5-5-5 5" }),
|
|
241
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" })
|
|
723
242
|
] });
|
|
724
243
|
}
|
|
725
244
|
function DownloadTapButton(props) {
|
|
726
|
-
return /* @__PURE__ */ (0,
|
|
727
|
-
/* @__PURE__ */ (0,
|
|
728
|
-
/* @__PURE__ */ (0,
|
|
729
|
-
/* @__PURE__ */ (0,
|
|
245
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Download", ...props, children: [
|
|
246
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 15V3" }),
|
|
247
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
|
|
248
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m7 10 5 5 5-5" })
|
|
730
249
|
] });
|
|
731
250
|
}
|
|
732
251
|
function ShareTapButton(props) {
|
|
733
|
-
return /* @__PURE__ */ (0,
|
|
734
|
-
/* @__PURE__ */ (0,
|
|
735
|
-
/* @__PURE__ */ (0,
|
|
736
|
-
/* @__PURE__ */ (0,
|
|
737
|
-
/* @__PURE__ */ (0,
|
|
738
|
-
/* @__PURE__ */ (0,
|
|
252
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Share", ...props, children: [
|
|
253
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "18", cy: "5", r: "3" }),
|
|
254
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "6", cy: "12", r: "3" }),
|
|
255
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "18", cy: "19", r: "3" }),
|
|
256
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "8.59", x2: "15.42", y1: "13.51", y2: "17.49" }),
|
|
257
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "15.41", x2: "8.59", y1: "6.51", y2: "10.49" })
|
|
739
258
|
] });
|
|
740
259
|
}
|
|
741
260
|
function UndoTapButton(props) {
|
|
742
|
-
return /* @__PURE__ */ (0,
|
|
743
|
-
/* @__PURE__ */ (0,
|
|
744
|
-
/* @__PURE__ */ (0,
|
|
261
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Undo", ...props, children: [
|
|
262
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 7v6h6" }),
|
|
263
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })
|
|
745
264
|
] });
|
|
746
265
|
}
|
|
747
266
|
function RedoTapButton(props) {
|
|
748
|
-
return /* @__PURE__ */ (0,
|
|
749
|
-
/* @__PURE__ */ (0,
|
|
750
|
-
/* @__PURE__ */ (0,
|
|
267
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Redo", ...props, children: [
|
|
268
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21 7v6h-6" }),
|
|
269
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })
|
|
751
270
|
] });
|
|
752
271
|
}
|
|
753
272
|
function CopyTapButton(props) {
|
|
754
|
-
return /* @__PURE__ */ (0,
|
|
755
|
-
/* @__PURE__ */ (0,
|
|
756
|
-
/* @__PURE__ */ (0,
|
|
273
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Copy", ...props, children: [
|
|
274
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
|
|
275
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
|
|
757
276
|
] });
|
|
758
277
|
}
|
|
759
278
|
function TrashTapButton(props) {
|
|
760
|
-
return /* @__PURE__ */ (0,
|
|
761
|
-
/* @__PURE__ */ (0,
|
|
762
|
-
/* @__PURE__ */ (0,
|
|
763
|
-
/* @__PURE__ */ (0,
|
|
279
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Delete", ...props, children: [
|
|
280
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
|
|
281
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 6h18" }),
|
|
282
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
|
|
764
283
|
] });
|
|
765
284
|
}
|
|
766
285
|
function FilesTapButton(props) {
|
|
767
|
-
return /* @__PURE__ */ (0,
|
|
768
|
-
/* @__PURE__ */ (0,
|
|
769
|
-
/* @__PURE__ */ (0,
|
|
770
|
-
/* @__PURE__ */ (0,
|
|
286
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Copy all", ...props, children: [
|
|
287
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 7h-3a2 2 0 0 1-2-2V2" }),
|
|
288
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 18a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h7l4 4v10a2 2 0 0 1-2 2Z" }),
|
|
289
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 7.6v12.8A1.6 1.6 0 0 0 4.6 22h9.8" })
|
|
771
290
|
] });
|
|
772
291
|
}
|
|
773
292
|
function ChevronLeftTapButton(props) {
|
|
774
|
-
return /* @__PURE__ */ (0,
|
|
293
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrap, { ariaLabel: "Back", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m16 19-7-7 7-7" }) });
|
|
775
294
|
}
|
|
776
295
|
function ChevronRightTapButton(props) {
|
|
777
|
-
return /* @__PURE__ */ (0,
|
|
296
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrap, { ariaLabel: "Next", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m9 18 6-6-6-6" }) });
|
|
778
297
|
}
|
|
779
298
|
function PanelLeftTapButton(props) {
|
|
780
|
-
return /* @__PURE__ */ (0,
|
|
781
|
-
/* @__PURE__ */ (0,
|
|
782
|
-
/* @__PURE__ */ (0,
|
|
299
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Toggle sidebar", ...props, children: [
|
|
300
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
|
|
301
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 3v18" })
|
|
783
302
|
] });
|
|
784
303
|
}
|
|
785
304
|
function PanelRightTapButton(props) {
|
|
786
|
-
return /* @__PURE__ */ (0,
|
|
787
|
-
/* @__PURE__ */ (0,
|
|
788
|
-
/* @__PURE__ */ (0,
|
|
305
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Toggle sidebar", ...props, children: [
|
|
306
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
|
|
307
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M15 3v18" })
|
|
789
308
|
] });
|
|
790
309
|
}
|
|
791
310
|
function SquarePenTapButton(props) {
|
|
792
|
-
return /* @__PURE__ */ (0,
|
|
793
|
-
/* @__PURE__ */ (0,
|
|
794
|
-
/* @__PURE__ */ (0,
|
|
311
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "New chat", ...props, children: [
|
|
312
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
|
|
313
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z" })
|
|
795
314
|
] });
|
|
796
315
|
}
|
|
797
316
|
function XTapButton(props) {
|
|
798
|
-
return /* @__PURE__ */ (0,
|
|
799
|
-
/* @__PURE__ */ (0,
|
|
800
|
-
/* @__PURE__ */ (0,
|
|
317
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Close", ...props, children: [
|
|
318
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M18 6 6 18" }),
|
|
319
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m6 6 12 12" })
|
|
801
320
|
] });
|
|
802
321
|
}
|
|
803
322
|
function FilterTapButton(props) {
|
|
804
|
-
return /* @__PURE__ */ (0,
|
|
323
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrap, { ariaLabel: "Filter", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z" }) });
|
|
805
324
|
}
|
|
806
325
|
function PlayTapButton(props) {
|
|
807
|
-
return /* @__PURE__ */ (0,
|
|
326
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrap, { ariaLabel: "Play", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" }) });
|
|
808
327
|
}
|
|
809
328
|
function PauseTapButton(props) {
|
|
810
|
-
return /* @__PURE__ */ (0,
|
|
811
|
-
/* @__PURE__ */ (0,
|
|
812
|
-
/* @__PURE__ */ (0,
|
|
329
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Pause", ...props, children: [
|
|
330
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "14", y: "3", width: "5", height: "18", rx: "1" }),
|
|
331
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "5", y: "3", width: "5", height: "18", rx: "1" })
|
|
813
332
|
] });
|
|
814
333
|
}
|
|
815
334
|
function StopTapButton(props) {
|
|
816
|
-
return /* @__PURE__ */ (0,
|
|
335
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrap, { ariaLabel: "Stop", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }) });
|
|
817
336
|
}
|
|
818
337
|
function Volume2TapButton(props) {
|
|
819
|
-
return /* @__PURE__ */ (0,
|
|
820
|
-
/* @__PURE__ */ (0,
|
|
821
|
-
/* @__PURE__ */ (0,
|
|
822
|
-
/* @__PURE__ */ (0,
|
|
338
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Speaker", ...props, children: [
|
|
339
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z" }),
|
|
340
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M16 9a5 5 0 0 1 0 6" }),
|
|
341
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M19.364 18.364a9 9 0 0 0 0-12.728" })
|
|
823
342
|
] });
|
|
824
343
|
}
|
|
825
344
|
function ArrowUpTapButton(props) {
|
|
826
|
-
return /* @__PURE__ */ (0,
|
|
827
|
-
/* @__PURE__ */ (0,
|
|
828
|
-
/* @__PURE__ */ (0,
|
|
345
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Send", ...props, children: [
|
|
346
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m5 12 7-7 7 7" }),
|
|
347
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 19V5" })
|
|
829
348
|
] });
|
|
830
349
|
}
|
|
831
350
|
function MicTapButton(props) {
|
|
832
|
-
return /* @__PURE__ */ (0,
|
|
833
|
-
/* @__PURE__ */ (0,
|
|
834
|
-
/* @__PURE__ */ (0,
|
|
835
|
-
/* @__PURE__ */ (0,
|
|
351
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Start recording", ...props, children: [
|
|
352
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 19v3" }),
|
|
353
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
|
|
354
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "9", y: "2", width: "6", height: "13", rx: "3" })
|
|
836
355
|
] });
|
|
837
356
|
}
|
|
838
357
|
function MicOffTapButton(props) {
|
|
839
|
-
return /* @__PURE__ */ (0,
|
|
840
|
-
/* @__PURE__ */ (0,
|
|
841
|
-
/* @__PURE__ */ (0,
|
|
842
|
-
/* @__PURE__ */ (0,
|
|
843
|
-
/* @__PURE__ */ (0,
|
|
844
|
-
/* @__PURE__ */ (0,
|
|
845
|
-
/* @__PURE__ */ (0,
|
|
358
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Stop recording", ...props, children: [
|
|
359
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 19v3" }),
|
|
360
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M15 9.34V5a3 3 0 0 0-5.68-1.33" }),
|
|
361
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M16.95 16.95A7 7 0 0 1 5 12v-2" }),
|
|
362
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M18.89 13.23A7 7 0 0 0 19 12v-2" }),
|
|
363
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m2 2 20 20" }),
|
|
364
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 9v3a3 3 0 0 0 5.12 2.12" })
|
|
846
365
|
] });
|
|
847
366
|
}
|
|
848
367
|
function TriangleAlertTapButton(props) {
|
|
849
|
-
return /* @__PURE__ */ (0,
|
|
850
|
-
/* @__PURE__ */ (0,
|
|
851
|
-
/* @__PURE__ */ (0,
|
|
852
|
-
/* @__PURE__ */ (0,
|
|
368
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Alert", ...props, children: [
|
|
369
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
|
|
370
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 9v4" }),
|
|
371
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 17h.01" })
|
|
853
372
|
] });
|
|
854
373
|
}
|
|
855
374
|
function ShieldCheckTapButton(props) {
|
|
856
|
-
return /* @__PURE__ */ (0,
|
|
857
|
-
/* @__PURE__ */ (0,
|
|
858
|
-
/* @__PURE__ */ (0,
|
|
375
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Context set", ...props, children: [
|
|
376
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" }),
|
|
377
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m9 12 2 2 4-4" })
|
|
859
378
|
] });
|
|
860
379
|
}
|
|
861
380
|
function ShieldAlertTapButton(props) {
|
|
862
|
-
return /* @__PURE__ */ (0,
|
|
863
|
-
/* @__PURE__ */ (0,
|
|
864
|
-
/* @__PURE__ */ (0,
|
|
865
|
-
/* @__PURE__ */ (0,
|
|
381
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "No context", ...props, children: [
|
|
382
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" }),
|
|
383
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 8v4" }),
|
|
384
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 16h.01" })
|
|
866
385
|
] });
|
|
867
386
|
}
|
|
868
387
|
function BugTapButton(props) {
|
|
869
|
-
return /* @__PURE__ */ (0,
|
|
870
|
-
/* @__PURE__ */ (0,
|
|
871
|
-
/* @__PURE__ */ (0,
|
|
872
|
-
/* @__PURE__ */ (0,
|
|
873
|
-
/* @__PURE__ */ (0,
|
|
874
|
-
/* @__PURE__ */ (0,
|
|
875
|
-
/* @__PURE__ */ (0,
|
|
876
|
-
/* @__PURE__ */ (0,
|
|
877
|
-
/* @__PURE__ */ (0,
|
|
878
|
-
/* @__PURE__ */ (0,
|
|
879
|
-
/* @__PURE__ */ (0,
|
|
880
|
-
/* @__PURE__ */ (0,
|
|
388
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Debug", ...props, children: [
|
|
389
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 20v-9" }),
|
|
390
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z" }),
|
|
391
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14.12 3.88 16 2" }),
|
|
392
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21 21a4 4 0 0 0-3.81-4" }),
|
|
393
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21 5a4 4 0 0 1-3.55 3.97" }),
|
|
394
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M22 13h-4" }),
|
|
395
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 21a4 4 0 0 1 3.81-4" }),
|
|
396
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 5a4 4 0 0 0 3.55 3.97" }),
|
|
397
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M6 13H2" }),
|
|
398
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m8 2 1.88 1.88" }),
|
|
399
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 7.13V6a3 3 0 1 1 6 0v1.13" })
|
|
881
400
|
] });
|
|
882
401
|
}
|
|
883
402
|
function Settings2TapButton(props) {
|
|
884
|
-
return /* @__PURE__ */ (0,
|
|
885
|
-
/* @__PURE__ */ (0,
|
|
403
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Settings", ...props, children: [
|
|
404
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
886
405
|
"path",
|
|
887
406
|
{
|
|
888
407
|
strokeLinecap: "round",
|
|
@@ -890,7 +409,7 @@ function Settings2TapButton(props) {
|
|
|
890
409
|
d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
|
|
891
410
|
}
|
|
892
411
|
),
|
|
893
|
-
/* @__PURE__ */ (0,
|
|
412
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
894
413
|
"path",
|
|
895
414
|
{
|
|
896
415
|
strokeLinecap: "round",
|
|
@@ -901,8 +420,8 @@ function Settings2TapButton(props) {
|
|
|
901
420
|
] });
|
|
902
421
|
}
|
|
903
422
|
function SaveTapButton(props) {
|
|
904
|
-
return /* @__PURE__ */ (0,
|
|
905
|
-
/* @__PURE__ */ (0,
|
|
423
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Save", ...props, children: [
|
|
424
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
906
425
|
"path",
|
|
907
426
|
{
|
|
908
427
|
strokeLinecap: "round",
|
|
@@ -910,7 +429,7 @@ function SaveTapButton(props) {
|
|
|
910
429
|
d: "M4.5 6a2 2 0 012-2h9.25L20.5 9v9a2 2 0 01-2 2h-12a2 2 0 01-2-2V6z"
|
|
911
430
|
}
|
|
912
431
|
),
|
|
913
|
-
/* @__PURE__ */ (0,
|
|
432
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
914
433
|
"path",
|
|
915
434
|
{
|
|
916
435
|
strokeLinecap: "round",
|
|
@@ -918,7 +437,7 @@ function SaveTapButton(props) {
|
|
|
918
437
|
d: "M8.5 4v4.5a.5.5 0 00.5.5h6a.5.5 0 00.5-.5V4"
|
|
919
438
|
}
|
|
920
439
|
),
|
|
921
|
-
/* @__PURE__ */ (0,
|
|
440
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
922
441
|
"rect",
|
|
923
442
|
{
|
|
924
443
|
x: "8",
|
|
@@ -932,69 +451,69 @@ function SaveTapButton(props) {
|
|
|
932
451
|
] });
|
|
933
452
|
}
|
|
934
453
|
function SendTapButton(props) {
|
|
935
|
-
return /* @__PURE__ */ (0,
|
|
936
|
-
/* @__PURE__ */ (0,
|
|
937
|
-
/* @__PURE__ */ (0,
|
|
454
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Send", ...props, children: [
|
|
455
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z" }),
|
|
456
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m21.854 2.147-10.94 10.939" })
|
|
938
457
|
] });
|
|
939
458
|
}
|
|
940
459
|
function MessageTapButton(props) {
|
|
941
|
-
return /* @__PURE__ */ (0,
|
|
460
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrap, { ariaLabel: "Message", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z" }) });
|
|
942
461
|
}
|
|
943
462
|
function VariableTapButton(props) {
|
|
944
|
-
return /* @__PURE__ */ (0,
|
|
945
|
-
/* @__PURE__ */ (0,
|
|
946
|
-
/* @__PURE__ */ (0,
|
|
947
|
-
/* @__PURE__ */ (0,
|
|
948
|
-
/* @__PURE__ */ (0,
|
|
463
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Variable", ...props, children: [
|
|
464
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 21s-4-3-4-9 4-9 4-9" }),
|
|
465
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M16 3s4 3 4 9-4 9-4 9" }),
|
|
466
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "15", x2: "9", y1: "9", y2: "15" }),
|
|
467
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "9", x2: "15", y1: "9", y2: "15" })
|
|
949
468
|
] });
|
|
950
469
|
}
|
|
951
470
|
function WrenchTapButton(props) {
|
|
952
|
-
return /* @__PURE__ */ (0,
|
|
471
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrap, { ariaLabel: "Tool", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z" }) });
|
|
953
472
|
}
|
|
954
473
|
function CommandTapButton(props) {
|
|
955
|
-
return /* @__PURE__ */ (0,
|
|
474
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrap, { ariaLabel: "Command", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3" }) });
|
|
956
475
|
}
|
|
957
476
|
function TerminalTapButton(props) {
|
|
958
|
-
return /* @__PURE__ */ (0,
|
|
959
|
-
/* @__PURE__ */ (0,
|
|
960
|
-
/* @__PURE__ */ (0,
|
|
477
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Terminal", ...props, children: [
|
|
478
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 19h8" }),
|
|
479
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m4 17 6-6-6-6" })
|
|
961
480
|
] });
|
|
962
481
|
}
|
|
963
482
|
function TestTubeTapButton(props) {
|
|
964
|
-
return /* @__PURE__ */ (0,
|
|
965
|
-
/* @__PURE__ */ (0,
|
|
966
|
-
/* @__PURE__ */ (0,
|
|
967
|
-
/* @__PURE__ */ (0,
|
|
483
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Test", ...props, children: [
|
|
484
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14.5 2v17.5c0 1.4-1.1 2.5-2.5 2.5c-1.4 0-2.5-1.1-2.5-2.5V2" }),
|
|
485
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8.5 2h7" }),
|
|
486
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14.5 16h-5" })
|
|
968
487
|
] });
|
|
969
488
|
}
|
|
970
489
|
function ResetTapButton(props) {
|
|
971
|
-
return /* @__PURE__ */ (0,
|
|
972
|
-
/* @__PURE__ */ (0,
|
|
973
|
-
/* @__PURE__ */ (0,
|
|
490
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Reset", ...props, children: [
|
|
491
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
|
|
492
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 3v5h5" })
|
|
974
493
|
] });
|
|
975
494
|
}
|
|
976
495
|
function ClearTapButton(props) {
|
|
977
|
-
return /* @__PURE__ */ (0,
|
|
978
|
-
/* @__PURE__ */ (0,
|
|
979
|
-
/* @__PURE__ */ (0,
|
|
496
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Clear", ...props, children: [
|
|
497
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21" }),
|
|
498
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m5.082 11.09 8.828 8.828" })
|
|
980
499
|
] });
|
|
981
500
|
}
|
|
982
501
|
function RetryTapButton(props) {
|
|
983
|
-
return /* @__PURE__ */ (0,
|
|
984
|
-
/* @__PURE__ */ (0,
|
|
985
|
-
/* @__PURE__ */ (0,
|
|
986
|
-
/* @__PURE__ */ (0,
|
|
987
|
-
/* @__PURE__ */ (0,
|
|
502
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Retry", ...props, children: [
|
|
503
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
|
|
504
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21 3v5h-5" }),
|
|
505
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
|
|
506
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 16H3v5" })
|
|
988
507
|
] });
|
|
989
508
|
}
|
|
990
509
|
function RefreshCwTapButton(props) {
|
|
991
|
-
return /* @__PURE__ */ (0,
|
|
510
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RetryTapButton, { ariaLabel: "Refresh", ...props });
|
|
992
511
|
}
|
|
993
512
|
function LoadingTapButton(props) {
|
|
994
|
-
return /* @__PURE__ */ (0,
|
|
513
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrap, { ariaLabel: "Loading", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
995
514
|
"circle",
|
|
996
515
|
{
|
|
997
|
-
className:
|
|
516
|
+
className: import_design_system.MOTION_SPIN,
|
|
998
517
|
cx: "12",
|
|
999
518
|
cy: "12",
|
|
1000
519
|
r: "9",
|
|
@@ -1006,7 +525,7 @@ function LoadingTapButton(props) {
|
|
|
1006
525
|
) });
|
|
1007
526
|
}
|
|
1008
527
|
function RobotTapButton(props) {
|
|
1009
|
-
return /* @__PURE__ */ (0,
|
|
528
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrap, { ariaLabel: "AI Agent", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
1010
529
|
"path",
|
|
1011
530
|
{
|
|
1012
531
|
strokeLinecap: "round",
|
|
@@ -1016,120 +535,120 @@ function RobotTapButton(props) {
|
|
|
1016
535
|
) });
|
|
1017
536
|
}
|
|
1018
537
|
function WebhookTapButton(props) {
|
|
1019
|
-
return /* @__PURE__ */ (0,
|
|
1020
|
-
/* @__PURE__ */ (0,
|
|
1021
|
-
/* @__PURE__ */ (0,
|
|
1022
|
-
/* @__PURE__ */ (0,
|
|
538
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Webhook", ...props, children: [
|
|
539
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M18 16.98h-5.99c-1.1 0-1.95.94-2.48 1.9A4 4 0 0 1 2 17c.01-.7.2-1.4.57-2" }),
|
|
540
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m6 17 3.13-5.78c.53-.97.1-2.18-.5-3.1a4 4 0 1 1 6.89-4.06" }),
|
|
541
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m12 6 3.13 5.73C15.66 12.7 16.9 13 18 13a4 4 0 0 1 0 8" })
|
|
1023
542
|
] });
|
|
1024
543
|
}
|
|
1025
544
|
function ViewTapButton(props) {
|
|
1026
|
-
return /* @__PURE__ */ (0,
|
|
1027
|
-
/* @__PURE__ */ (0,
|
|
1028
|
-
/* @__PURE__ */ (0,
|
|
545
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "View", ...props, children: [
|
|
546
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }),
|
|
547
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "3" })
|
|
1029
548
|
] });
|
|
1030
549
|
}
|
|
1031
550
|
function BuildTapButton(props) {
|
|
1032
|
-
return /* @__PURE__ */ (0,
|
|
1033
|
-
/* @__PURE__ */ (0,
|
|
1034
|
-
/* @__PURE__ */ (0,
|
|
1035
|
-
/* @__PURE__ */ (0,
|
|
551
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Build", ...props, children: [
|
|
552
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9" }),
|
|
553
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m18 15 4-4" }),
|
|
554
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5" })
|
|
1036
555
|
] });
|
|
1037
556
|
}
|
|
1038
557
|
function RunTapButton(props) {
|
|
1039
|
-
return /* @__PURE__ */ (0,
|
|
558
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrap, { ariaLabel: "Run", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" }) });
|
|
1040
559
|
}
|
|
1041
560
|
function HistoryTapButton(props) {
|
|
1042
|
-
return /* @__PURE__ */ (0,
|
|
1043
|
-
/* @__PURE__ */ (0,
|
|
1044
|
-
/* @__PURE__ */ (0,
|
|
1045
|
-
/* @__PURE__ */ (0,
|
|
561
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "History", ...props, children: [
|
|
562
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
|
|
563
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 3v5h5" }),
|
|
564
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 7v5l4 2" })
|
|
1046
565
|
] });
|
|
1047
566
|
}
|
|
1048
567
|
function PaperclipTapButton(props) {
|
|
1049
|
-
return /* @__PURE__ */ (0,
|
|
568
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrap, { ariaLabel: "Attach file", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551" }) });
|
|
1050
569
|
}
|
|
1051
570
|
function ThumbsUpTapButton(props) {
|
|
1052
|
-
return /* @__PURE__ */ (0,
|
|
1053
|
-
/* @__PURE__ */ (0,
|
|
1054
|
-
/* @__PURE__ */ (0,
|
|
571
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Like", ...props, children: [
|
|
572
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M7 10v12" }),
|
|
573
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z" })
|
|
1055
574
|
] });
|
|
1056
575
|
}
|
|
1057
576
|
function ThumbsDownTapButton(props) {
|
|
1058
|
-
return /* @__PURE__ */ (0,
|
|
1059
|
-
/* @__PURE__ */ (0,
|
|
1060
|
-
/* @__PURE__ */ (0,
|
|
577
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Dislike", ...props, children: [
|
|
578
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M17 14V2" }),
|
|
579
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z" })
|
|
1061
580
|
] });
|
|
1062
581
|
}
|
|
1063
582
|
function CheckTapButton(props) {
|
|
1064
|
-
return /* @__PURE__ */ (0,
|
|
583
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrap, { ariaLabel: "Done", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 6 9 17l-5-5" }) });
|
|
1065
584
|
}
|
|
1066
585
|
function PencilTapButton(props) {
|
|
1067
|
-
return /* @__PURE__ */ (0,
|
|
1068
|
-
/* @__PURE__ */ (0,
|
|
1069
|
-
/* @__PURE__ */ (0,
|
|
586
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Edit", ...props, children: [
|
|
587
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }),
|
|
588
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m15 5 4 4" })
|
|
1070
589
|
] });
|
|
1071
590
|
}
|
|
1072
591
|
function MoreHorizontalTapButton(props) {
|
|
1073
|
-
return /* @__PURE__ */ (0,
|
|
1074
|
-
/* @__PURE__ */ (0,
|
|
1075
|
-
/* @__PURE__ */ (0,
|
|
1076
|
-
/* @__PURE__ */ (0,
|
|
592
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "More options", ...props, children: [
|
|
593
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
|
|
594
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
|
|
595
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "5", cy: "12", r: "1" })
|
|
1077
596
|
] });
|
|
1078
597
|
}
|
|
1079
598
|
function CheckSquareTapButton(props) {
|
|
1080
|
-
return /* @__PURE__ */ (0,
|
|
1081
|
-
/* @__PURE__ */ (0,
|
|
1082
|
-
/* @__PURE__ */ (0,
|
|
599
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Task", ...props, children: [
|
|
600
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m9 11 3 3L22 4" }),
|
|
601
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11" })
|
|
1083
602
|
] });
|
|
1084
603
|
}
|
|
1085
604
|
function GhostTapButton(props) {
|
|
1086
|
-
return /* @__PURE__ */ (0,
|
|
1087
|
-
/* @__PURE__ */ (0,
|
|
1088
|
-
/* @__PURE__ */ (0,
|
|
1089
|
-
/* @__PURE__ */ (0,
|
|
605
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Incognito chat", ...props, children: [
|
|
606
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 10h.01" }),
|
|
607
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M15 10h.01" }),
|
|
608
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 2a8 8 0 0 0-8 8v12l3-3 2.5 2.5L12 19l2.5 2.5L17 19l3 3V10a8 8 0 0 0-8-8z" })
|
|
1090
609
|
] });
|
|
1091
610
|
}
|
|
1092
611
|
function LinkTapButton(props) {
|
|
1093
|
-
return /* @__PURE__ */ (0,
|
|
1094
|
-
/* @__PURE__ */ (0,
|
|
1095
|
-
/* @__PURE__ */ (0,
|
|
612
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Attach", ...props, children: [
|
|
613
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
|
|
614
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
|
|
1096
615
|
] });
|
|
1097
616
|
}
|
|
1098
617
|
function ExternalLinkTapButton(props) {
|
|
1099
|
-
return /* @__PURE__ */ (0,
|
|
1100
|
-
/* @__PURE__ */ (0,
|
|
1101
|
-
/* @__PURE__ */ (0,
|
|
1102
|
-
/* @__PURE__ */ (0,
|
|
618
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Open source", ...props, children: [
|
|
619
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M15 3h6v6" }),
|
|
620
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M10 14 21 3" }),
|
|
621
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
|
|
1103
622
|
] });
|
|
1104
623
|
}
|
|
1105
624
|
function ClipboardListTapButton(props) {
|
|
1106
|
-
return /* @__PURE__ */ (0,
|
|
1107
|
-
/* @__PURE__ */ (0,
|
|
1108
|
-
/* @__PURE__ */ (0,
|
|
1109
|
-
/* @__PURE__ */ (0,
|
|
1110
|
-
/* @__PURE__ */ (0,
|
|
1111
|
-
/* @__PURE__ */ (0,
|
|
1112
|
-
/* @__PURE__ */ (0,
|
|
625
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Copy Pages", ...props, children: [
|
|
626
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1" }),
|
|
627
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" }),
|
|
628
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 11h4" }),
|
|
629
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 16h4" }),
|
|
630
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 11h.01" }),
|
|
631
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 16h.01" })
|
|
1113
632
|
] });
|
|
1114
633
|
}
|
|
1115
634
|
function PartyPopperTapButton(props) {
|
|
1116
|
-
return /* @__PURE__ */ (0,
|
|
1117
|
-
/* @__PURE__ */ (0,
|
|
1118
|
-
/* @__PURE__ */ (0,
|
|
1119
|
-
/* @__PURE__ */ (0,
|
|
1120
|
-
/* @__PURE__ */ (0,
|
|
1121
|
-
/* @__PURE__ */ (0,
|
|
1122
|
-
/* @__PURE__ */ (0,
|
|
1123
|
-
/* @__PURE__ */ (0,
|
|
1124
|
-
/* @__PURE__ */ (0,
|
|
1125
|
-
/* @__PURE__ */ (0,
|
|
635
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "AI Clean", ...props, children: [
|
|
636
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5.8 11.3 2 22l10.7-3.79" }),
|
|
637
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 3h.01" }),
|
|
638
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M22 8h.01" }),
|
|
639
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M15 2h.01" }),
|
|
640
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M22 20h.01" }),
|
|
641
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m22 2-2.24.75a2.9 2.9 0 0 0-1.96 3.12c.1.86-.57 1.63-1.45 1.63h-.38c-.86 0-1.6.6-1.76 1.44L14 10" }),
|
|
642
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m22 13-.82-.33c-.86-.34-1.82.2-1.98 1.11c-.11.7-.72 1.22-1.43 1.22H17" }),
|
|
643
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m11 2 .33.82c.34.86-.2 1.82-1.11 1.98C9.52 4.9 9 5.52 9 6.23V7" }),
|
|
644
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M11 13c1.93 1.93 2.83 4.17 2 5-.83.83-3.07-.07-5-2-1.93-1.93-2.83-4.17-2-5 .83-.83 3.07.07 5 2Z" })
|
|
1126
645
|
] });
|
|
1127
646
|
}
|
|
1128
647
|
function LayersTapButton(props) {
|
|
1129
|
-
return /* @__PURE__ */ (0,
|
|
1130
|
-
/* @__PURE__ */ (0,
|
|
1131
|
-
/* @__PURE__ */ (0,
|
|
1132
|
-
/* @__PURE__ */ (0,
|
|
648
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, { ariaLabel: "Open this PDF in another surface", ...props, children: [
|
|
649
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z" }),
|
|
650
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12" }),
|
|
651
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17" })
|
|
1133
652
|
] });
|
|
1134
653
|
}
|
|
1135
654
|
//# sourceMappingURL=buttons.cjs.map
|