@assure-one/design-system 1.34.0 → 1.35.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/codemods/README.md +135 -10
- package/codemods/lib/jsx-edit.mjs +63 -4
- package/codemods/lib/registry.mjs +4 -0
- package/codemods/transforms/cm-04-button-variant-intent.mjs +223 -0
- package/codemods/transforms/cm-05-button-icon-slots.mjs +117 -0
- package/codemods/transforms/cm-06-tone-to-intent.mjs +190 -0
- package/codemods/transforms/cm-19-progress-explicit-intent.mjs +192 -0
- package/dist/css/components.css +1 -1
- package/dist/css/legacy-aliases.css +5 -0
- package/dist/css/tokens.css +5 -0
- package/dist/icons/index.d.ts +3 -0
- package/dist/icons/index.js +1833 -0
- package/dist/icons/index.js.map +1 -0
- package/dist/index-B3OiMlQv.d.ts +509 -0
- package/dist/index.d.ts +1103 -571
- package/dist/index.js +2167 -1182
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/{system-BDU18fVg.d.ts → system-lyhOUTpa.d.ts} +1 -1
- package/dist/tokens/index.d.ts +1 -1
- package/package.json +7 -1
package/dist/index.js
CHANGED
|
@@ -8,7 +8,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
|
8
8
|
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
9
9
|
import { cva } from 'class-variance-authority';
|
|
10
10
|
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
|
|
11
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
11
|
+
import { Slot, Slottable } from '@radix-ui/react-slot';
|
|
12
12
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
13
13
|
import { DayPicker } from 'react-day-picker';
|
|
14
14
|
import { parse, isValid, format, startOfMonth, startOfYear, subYears, endOfMonth, endOfYear, addYears } from 'date-fns';
|
|
@@ -551,418 +551,514 @@ function createIcon(definition) {
|
|
|
551
551
|
Component.displayName = name;
|
|
552
552
|
return Component;
|
|
553
553
|
}
|
|
554
|
-
function
|
|
554
|
+
function AlertCircleIcon({ size = 24, ...props }) {
|
|
555
555
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
556
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor" }),
|
|
556
557
|
/* @__PURE__ */ jsx(
|
|
557
558
|
"path",
|
|
558
559
|
{
|
|
559
|
-
d: "
|
|
560
|
-
fill: "currentColor",
|
|
561
|
-
opacity: "0.2"
|
|
562
|
-
}
|
|
563
|
-
),
|
|
564
|
-
/* @__PURE__ */ jsx(
|
|
565
|
-
"path",
|
|
566
|
-
{
|
|
567
|
-
d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z",
|
|
560
|
+
d: "M12 8v4M12 16h.01",
|
|
568
561
|
stroke: "currentColor",
|
|
569
562
|
strokeLinecap: "round",
|
|
570
563
|
strokeLinejoin: "round"
|
|
571
564
|
}
|
|
572
|
-
)
|
|
565
|
+
)
|
|
566
|
+
] });
|
|
567
|
+
}
|
|
568
|
+
function AlertTriangleIcon({ size = 24, ...props }) {
|
|
569
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
573
570
|
/* @__PURE__ */ jsx(
|
|
574
571
|
"path",
|
|
575
572
|
{
|
|
576
|
-
d: "
|
|
573
|
+
d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z",
|
|
577
574
|
stroke: "currentColor",
|
|
578
575
|
strokeLinecap: "round",
|
|
579
576
|
strokeLinejoin: "round"
|
|
580
577
|
}
|
|
581
|
-
)
|
|
578
|
+
),
|
|
579
|
+
/* @__PURE__ */ jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13", stroke: "currentColor", strokeLinecap: "round" }),
|
|
580
|
+
/* @__PURE__ */ jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17", stroke: "currentColor", strokeLinecap: "round" })
|
|
582
581
|
] });
|
|
583
582
|
}
|
|
584
|
-
function
|
|
583
|
+
function AlertTriangleSolidIcon({ size = 24, ...props }) {
|
|
585
584
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
586
585
|
"path",
|
|
587
586
|
{
|
|
588
|
-
|
|
587
|
+
fillRule: "evenodd",
|
|
588
|
+
clipRule: "evenodd",
|
|
589
|
+
fill: "currentColor",
|
|
590
|
+
d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
|
|
591
|
+
}
|
|
592
|
+
) });
|
|
593
|
+
}
|
|
594
|
+
|
|
595
|
+
// src/icons/archive-icon.tsx
|
|
596
|
+
var ArchiveIcon = /* @__PURE__ */ createIcon({
|
|
597
|
+
name: "ArchiveIcon",
|
|
598
|
+
paths: [
|
|
599
|
+
"M3 3h18a1 1 0 011 1v3a1 1 0 01-1 1H3a1 1 0 01-1-1V4a1 1 0 011-1z",
|
|
600
|
+
"M4 8v11a2 2 0 002 2h12a2 2 0 002-2V8",
|
|
601
|
+
"M10 12h4"
|
|
602
|
+
]
|
|
603
|
+
});
|
|
604
|
+
function ArrowDownIcon({ size = 24, ...props }) {
|
|
605
|
+
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
606
|
+
"path",
|
|
607
|
+
{
|
|
608
|
+
d: "M12 5v14M19 12l-7 7-7-7",
|
|
589
609
|
stroke: "currentColor",
|
|
590
610
|
strokeLinecap: "round",
|
|
591
611
|
strokeLinejoin: "round"
|
|
592
612
|
}
|
|
593
613
|
) });
|
|
594
614
|
}
|
|
595
|
-
function
|
|
615
|
+
function ArrowLeftIcon({ size = 24, ...props }) {
|
|
596
616
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
597
617
|
"path",
|
|
598
618
|
{
|
|
599
|
-
d: "
|
|
600
|
-
|
|
619
|
+
d: "M19 12H5M12 19l-7-7 7-7",
|
|
620
|
+
stroke: "currentColor",
|
|
621
|
+
strokeLinecap: "round",
|
|
622
|
+
strokeLinejoin: "round"
|
|
601
623
|
}
|
|
602
624
|
) });
|
|
603
625
|
}
|
|
604
|
-
function
|
|
626
|
+
function ArrowRightIcon({ size = 24, ...props }) {
|
|
605
627
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
606
628
|
"path",
|
|
607
629
|
{
|
|
608
|
-
d: "
|
|
630
|
+
d: "M5 12h14M12 5l7 7-7 7",
|
|
609
631
|
stroke: "currentColor",
|
|
610
632
|
strokeLinecap: "round",
|
|
611
633
|
strokeLinejoin: "round"
|
|
612
634
|
}
|
|
613
635
|
) });
|
|
614
636
|
}
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
"svg",
|
|
637
|
+
|
|
638
|
+
// src/icons/arrow-right-small-icon.tsx
|
|
639
|
+
var ArrowRightSmallIcon = ArrowRightIcon;
|
|
640
|
+
function ArrowUpIcon({ size = 24, ...props }) {
|
|
641
|
+
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
642
|
+
"path",
|
|
622
643
|
{
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
628
|
-
className: cn("ds:shrink-0", className),
|
|
629
|
-
"aria-hidden": "true",
|
|
630
|
-
...props,
|
|
631
|
-
children: [
|
|
632
|
-
/* @__PURE__ */ jsx("g", { clipPath: `url(#${clipId})`, children: /* @__PURE__ */ jsx(
|
|
633
|
-
"path",
|
|
634
|
-
{
|
|
635
|
-
d: "M6.24553 5.34293C5.91553 5.23294 5.91553 4.76699 6.24553 4.657L8.18254 4.01207C8.60834 3.87011 8.99522 3.63094 9.31252 3.3135C9.62982 2.99607 9.8688 2.6091 10.0105 2.18327L10.6555 0.247473C10.7655 -0.0824911 11.2315 -0.0824912 11.3415 0.247473L11.9866 2.18427C12.1285 2.61002 12.3677 2.99686 12.6852 3.31412C13.0027 3.63139 13.3897 3.87035 13.8156 4.01207L15.7516 4.657C15.8238 4.68071 15.8868 4.72664 15.9314 4.78823C15.976 4.84982 16 4.92392 16 4.99996C16 5.07601 15.976 5.15011 15.9314 5.2117C15.8868 5.27329 15.8238 5.31921 15.7516 5.34293L13.8146 5.98786C13.3889 6.12971 13.0021 6.36874 12.6848 6.68599C12.3675 7.00324 12.1284 7.39001 11.9866 7.81566L11.3415 9.75245C11.3178 9.82471 11.2719 9.88763 11.2103 9.93223C11.1487 9.97684 11.0746 10.0009 10.9985 10.0009C10.9225 10.0009 10.8484 9.97684 10.7868 9.93223C10.7252 9.88763 10.6793 9.82471 10.6555 9.75245L10.0105 7.81566C9.86867 7.39001 9.62962 7.00324 9.31233 6.68599C8.99505 6.36874 8.60823 6.12971 8.18254 5.98786L6.24553 5.34293ZM1.14651 9.20551C1.1032 9.19117 1.06552 9.16355 1.03881 9.12658C1.0121 9.0896 0.99772 9.04515 0.99772 8.99954C0.99772 8.95392 1.0121 8.90947 1.03881 8.87249C1.06552 8.83552 1.1032 8.8079 1.14651 8.79356L2.30851 8.4066C2.82651 8.23362 3.23252 7.82766 3.40552 7.30972L3.79252 6.14784C3.80686 6.10454 3.83448 6.06686 3.87146 6.04015C3.90844 6.01345 3.9529 5.99907 3.99852 5.99907C4.04414 5.99907 4.0886 6.01345 4.12558 6.04015C4.16256 6.06686 4.19018 6.10454 4.20452 6.14784L4.59152 7.30972C4.67664 7.56516 4.82009 7.79728 5.0105 7.98767C5.20091 8.17806 5.43305 8.32149 5.68853 8.4066L6.85053 8.79356C6.89384 8.8079 6.93152 8.83551 6.95823 8.87249C6.98494 8.90947 6.99932 8.95392 6.99932 8.99954C6.99932 9.04515 6.98494 9.0896 6.95823 9.12658C6.93152 9.16355 6.89384 9.19117 6.85053 9.20551L5.68853 9.59247C5.43305 9.67758 5.20091 9.82101 5.0105 10.0114C4.82009 10.2018 4.67664 10.4339 4.59152 10.6894L4.20452 11.8512C4.19018 11.8945 4.16256 11.9322 4.12558 11.9589C4.0886 11.9856 4.04414 12 3.99852 12C3.9529 12 3.90844 11.9856 3.87146 11.9589C3.83448 11.9322 3.80686 11.8945 3.79252 11.8512L3.40552 10.6894C3.3204 10.4339 3.17695 10.2018 2.98654 10.0114C2.79613 9.82101 2.56399 9.67758 2.30851 9.59247L1.14651 9.20551ZM0.097503 2.13727C0.0690292 2.1274 0.0443387 2.1089 0.0268643 2.08435C0.00938996 2.0598 1.317e-09 2.03042 0 2.00029C-1.318e-09 1.97015 0.00938995 1.94077 0.0268643 1.91622C0.0443387 1.89167 0.0690292 1.87317 0.097503 1.8633L0.871506 1.60533C1.21751 1.49034 1.48851 1.21937 1.60351 0.873408L1.86151 0.0994903C1.87138 0.0710193 1.88988 0.0463306 1.91443 0.0288584C1.93899 0.0113861 1.96837 0.00199815 1.99851 0.00199814C2.02865 0.00199814 2.05803 0.0113861 2.08259 0.0288583C2.10714 0.0463306 2.12564 0.0710193 2.13551 0.0994903L2.39351 0.873408C2.45024 1.0439 2.54593 1.19882 2.673 1.32588C2.80006 1.45293 2.955 1.54861 3.12552 1.60533L3.89952 1.8633C3.92799 1.87317 3.95268 1.89167 3.97016 1.91622C3.98763 1.94077 3.99702 1.97015 3.99702 2.00029C3.99702 2.03042 3.98763 2.0598 3.97016 2.08435C3.95268 2.1089 3.92799 2.1274 3.89952 2.13727L3.12552 2.39524C2.955 2.45196 2.80006 2.54764 2.673 2.6747C2.54593 2.80175 2.45024 2.95667 2.39351 3.12717L2.13551 3.90008C2.12564 3.92855 2.10714 3.95324 2.08259 3.97071C2.05804 3.98819 2.02865 3.99757 1.99851 3.99757C1.96837 3.99757 1.93899 3.98819 1.91443 3.97071C1.88988 3.95324 1.87138 3.92855 1.86151 3.90008L1.60351 3.12617C1.48851 2.7802 1.21751 2.50923 0.871506 2.39424L0.097503 2.13727Z",
|
|
636
|
-
fill: `url(#${gradId})`
|
|
637
|
-
}
|
|
638
|
-
) }),
|
|
639
|
-
/* @__PURE__ */ jsxs("defs", { children: [
|
|
640
|
-
/* @__PURE__ */ jsxs(
|
|
641
|
-
"linearGradient",
|
|
642
|
-
{
|
|
643
|
-
id: gradId,
|
|
644
|
-
x1: "0.265576",
|
|
645
|
-
y1: "0.856805",
|
|
646
|
-
x2: "13.5",
|
|
647
|
-
y2: "12",
|
|
648
|
-
gradientUnits: "userSpaceOnUse",
|
|
649
|
-
children: [
|
|
650
|
-
/* @__PURE__ */ jsx("stop", { stopColor: "#9E32FF" }),
|
|
651
|
-
/* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#1BB6FF" })
|
|
652
|
-
]
|
|
653
|
-
}
|
|
654
|
-
),
|
|
655
|
-
/* @__PURE__ */ jsx("clipPath", { id: clipId, children: /* @__PURE__ */ jsx("rect", { width: "16", height: "12", fill: "white" }) })
|
|
656
|
-
] })
|
|
657
|
-
]
|
|
644
|
+
d: "M12 19V5M5 12l7-7 7 7",
|
|
645
|
+
stroke: "currentColor",
|
|
646
|
+
strokeLinecap: "round",
|
|
647
|
+
strokeLinejoin: "round"
|
|
658
648
|
}
|
|
659
|
-
);
|
|
649
|
+
) });
|
|
660
650
|
}
|
|
661
|
-
function
|
|
651
|
+
function AtSignIcon({ size = 24, ...props }) {
|
|
652
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
653
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4", stroke: "currentColor" }),
|
|
654
|
+
/* @__PURE__ */ jsx("path", { d: "M16 8v5a3 3 0 006 0v-1a10 10 0 10-4 8", stroke: "currentColor", strokeLinecap: "round" })
|
|
655
|
+
] });
|
|
656
|
+
}
|
|
657
|
+
function BarChartIcon({ size = 24, ...props }) {
|
|
662
658
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
663
659
|
"path",
|
|
664
660
|
{
|
|
665
|
-
d: "
|
|
661
|
+
d: "M12 20V10M18 20V4M6 20v-4",
|
|
666
662
|
stroke: "currentColor",
|
|
667
663
|
strokeLinecap: "round",
|
|
668
664
|
strokeLinejoin: "round"
|
|
669
665
|
}
|
|
670
666
|
) });
|
|
671
667
|
}
|
|
672
|
-
function
|
|
668
|
+
function BellIcon({ size = 24, ...props }) {
|
|
673
669
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
674
670
|
"path",
|
|
675
671
|
{
|
|
676
|
-
d: "
|
|
672
|
+
d: "M18 8A6 6 0 106 8c0 7-3 9-3 9h18s-3-2-3-9zM13.73 21a2 2 0 01-3.46 0",
|
|
677
673
|
stroke: "currentColor",
|
|
678
674
|
strokeLinecap: "round",
|
|
679
675
|
strokeLinejoin: "round"
|
|
680
676
|
}
|
|
681
677
|
) });
|
|
682
678
|
}
|
|
683
|
-
function
|
|
684
|
-
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
679
|
+
function BoldIcon({ size = 24, strokeWidth = 2, ...props }) {
|
|
680
|
+
return /* @__PURE__ */ jsx(Icon, { size, strokeWidth, ...props, children: /* @__PURE__ */ jsx(
|
|
685
681
|
"path",
|
|
686
682
|
{
|
|
687
|
-
d: "
|
|
683
|
+
d: "M6 4h8a4 4 0 014 4 4 4 0 01-4 4H6zM6 12h9a4 4 0 014 4 4 4 0 01-4 4H6z",
|
|
688
684
|
stroke: "currentColor",
|
|
689
685
|
strokeLinecap: "round",
|
|
690
686
|
strokeLinejoin: "round"
|
|
691
687
|
}
|
|
692
688
|
) });
|
|
693
689
|
}
|
|
694
|
-
|
|
690
|
+
|
|
691
|
+
// src/icons/brain-icon.tsx
|
|
692
|
+
var BrainIcon = /* @__PURE__ */ createIcon({
|
|
693
|
+
name: "BrainIcon",
|
|
694
|
+
paths: [
|
|
695
|
+
"M12 5a3 3 0 10-5.997.125 4 4 0 00-2.526 5.77 4 4 0 00.556 6.588A4 4 0 1012 18Z",
|
|
696
|
+
"M12 5a3 3 0 115.997.125 4 4 0 012.526 5.77 4 4 0 01-.556 6.588A4 4 0 1112 18Z",
|
|
697
|
+
"M15 13a4.5 4.5 0 01-3-4 4.5 4.5 0 01-3 4",
|
|
698
|
+
"M17.599 6.5a3 3 0 00.399-1.375",
|
|
699
|
+
"M6.003 5.125A3 3 0 006.401 6.5",
|
|
700
|
+
"M3.477 10.896a4 4 0 01.585-.396",
|
|
701
|
+
"M19.938 10.5a4 4 0 01.585.396",
|
|
702
|
+
"M6 18a4 4 0 01-1.967-.516",
|
|
703
|
+
"M19.967 17.484A4 4 0 0118 18"
|
|
704
|
+
]
|
|
705
|
+
});
|
|
706
|
+
function BriefcaseIcon({ size = 24, ...props }) {
|
|
695
707
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
708
|
+
/* @__PURE__ */ jsx("rect", { x: "2", y: "7", width: "20", height: "14", rx: "2", stroke: "currentColor" }),
|
|
696
709
|
/* @__PURE__ */ jsx(
|
|
697
710
|
"path",
|
|
698
711
|
{
|
|
699
|
-
d: "
|
|
712
|
+
d: "M16 21V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v16",
|
|
700
713
|
stroke: "currentColor",
|
|
701
714
|
strokeLinecap: "round",
|
|
702
715
|
strokeLinejoin: "round"
|
|
703
716
|
}
|
|
717
|
+
)
|
|
718
|
+
] });
|
|
719
|
+
}
|
|
720
|
+
function Building2Icon({ size = 24, ...props }) {
|
|
721
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
722
|
+
/* @__PURE__ */ jsx(
|
|
723
|
+
"path",
|
|
724
|
+
{
|
|
725
|
+
d: "M6 22V4a2 2 0 012-2h8a2 2 0 012 2v18Z",
|
|
726
|
+
stroke: "currentColor",
|
|
727
|
+
strokeLinejoin: "round"
|
|
728
|
+
}
|
|
704
729
|
),
|
|
730
|
+
/* @__PURE__ */ jsx("path", { d: "M6 12H4a2 2 0 00-2 2v6a2 2 0 002 2h2", stroke: "currentColor", strokeLinejoin: "round" }),
|
|
705
731
|
/* @__PURE__ */ jsx(
|
|
706
732
|
"path",
|
|
707
733
|
{
|
|
708
|
-
d: "
|
|
734
|
+
d: "M18 9h2a2 2 0 012 2v9a2 2 0 01-2 2h-2",
|
|
709
735
|
stroke: "currentColor",
|
|
710
|
-
strokeLinecap: "round",
|
|
711
736
|
strokeLinejoin: "round"
|
|
712
737
|
}
|
|
713
|
-
)
|
|
738
|
+
),
|
|
739
|
+
/* @__PURE__ */ jsx("path", { d: "M10 6h4M10 10h4M10 14h4M10 18h4", stroke: "currentColor", strokeLinecap: "round" })
|
|
714
740
|
] });
|
|
715
741
|
}
|
|
716
|
-
function
|
|
742
|
+
function BuildingIcon({ size = 24, ...props }) {
|
|
717
743
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
718
744
|
"path",
|
|
719
745
|
{
|
|
720
|
-
d: "
|
|
746
|
+
d: "M6 22V4a2 2 0 012-2h8a2 2 0 012 2v18M2 22h20M10 6h4M10 10h4M10 14h4M10 18h4",
|
|
721
747
|
stroke: "currentColor",
|
|
722
748
|
strokeLinecap: "round",
|
|
723
749
|
strokeLinejoin: "round"
|
|
724
750
|
}
|
|
725
751
|
) });
|
|
726
752
|
}
|
|
727
|
-
function
|
|
728
|
-
return /* @__PURE__ */
|
|
753
|
+
function CalendarIcon({ size = 24, ...props }) {
|
|
754
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
755
|
+
/* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", stroke: "currentColor" }),
|
|
756
|
+
/* @__PURE__ */ jsx("path", { d: "M16 2v4M8 2v4M3 10h18", stroke: "currentColor", strokeLinecap: "round" })
|
|
757
|
+
] });
|
|
729
758
|
}
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
return /* @__PURE__ */ jsx(Icon, { size, strokeWidth, ...props, children: /* @__PURE__ */ jsx(
|
|
759
|
+
function ChatBubbleIcon({ size = 24, ...props }) {
|
|
760
|
+
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
733
761
|
"path",
|
|
734
762
|
{
|
|
735
|
-
d: "
|
|
763
|
+
d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z",
|
|
736
764
|
stroke: "currentColor",
|
|
737
765
|
strokeLinecap: "round",
|
|
738
766
|
strokeLinejoin: "round"
|
|
739
767
|
}
|
|
740
768
|
) });
|
|
741
769
|
}
|
|
742
|
-
function
|
|
770
|
+
function CheckCircle2Icon({ size = 24, ...props }) {
|
|
743
771
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
744
|
-
/* @__PURE__ */ jsx("
|
|
745
|
-
/* @__PURE__ */ jsx("
|
|
746
|
-
/* @__PURE__ */ jsx("rect", { x: "14", y: "12", width: "7", height: "9", rx: "1", stroke: "currentColor" }),
|
|
747
|
-
/* @__PURE__ */ jsx("rect", { x: "3", y: "16", width: "7", height: "5", rx: "1", stroke: "currentColor" })
|
|
772
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor" }),
|
|
773
|
+
/* @__PURE__ */ jsx("path", { d: "m9 12 2 2 4-4", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
748
774
|
] });
|
|
749
775
|
}
|
|
750
|
-
function
|
|
776
|
+
function CheckCircleSolidIcon({ size = 24, ...props }) {
|
|
751
777
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
752
778
|
"path",
|
|
753
779
|
{
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
780
|
+
fillRule: "evenodd",
|
|
781
|
+
clipRule: "evenodd",
|
|
782
|
+
fill: "currentColor",
|
|
783
|
+
d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 0 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z"
|
|
758
784
|
}
|
|
759
785
|
) });
|
|
760
786
|
}
|
|
761
|
-
function
|
|
762
|
-
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
787
|
+
function CheckIcon({ size = 24, strokeWidth = 2, ...props }) {
|
|
788
|
+
return /* @__PURE__ */ jsx(Icon, { size, strokeWidth, ...props, children: /* @__PURE__ */ jsx(
|
|
763
789
|
"path",
|
|
764
790
|
{
|
|
765
|
-
d: "
|
|
791
|
+
d: "M20 6L9 17l-5-5",
|
|
766
792
|
stroke: "currentColor",
|
|
767
793
|
strokeLinecap: "round",
|
|
768
794
|
strokeLinejoin: "round"
|
|
769
795
|
}
|
|
770
796
|
) });
|
|
771
797
|
}
|
|
772
|
-
function
|
|
798
|
+
function ChevronDownIcon({ size = 24, ...props }) {
|
|
799
|
+
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
800
|
+
}
|
|
801
|
+
function ChevronLeftIcon({ size = 24, ...props }) {
|
|
802
|
+
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
803
|
+
}
|
|
804
|
+
function ChevronRightIcon({ size = 24, ...props }) {
|
|
805
|
+
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
806
|
+
}
|
|
807
|
+
function ChevronUpIcon({ size = 24, ...props }) {
|
|
808
|
+
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx("path", { d: "m18 15-6-6-6 6", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
809
|
+
}
|
|
810
|
+
|
|
811
|
+
// src/icons/chevrons-down-up-icon.tsx
|
|
812
|
+
var ChevronsDownUpIcon = /* @__PURE__ */ createIcon({
|
|
813
|
+
name: "ChevronsDownUpIcon",
|
|
814
|
+
paths: "m7 20 5-5 5 5M7 4l5 5 5-5"
|
|
815
|
+
});
|
|
816
|
+
function ChevronsUpDownIcon({ size = 24, ...props }) {
|
|
773
817
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
774
818
|
"path",
|
|
775
819
|
{
|
|
776
|
-
d: "
|
|
820
|
+
d: "m7 15 5 5 5-5M7 9l5-5 5 5",
|
|
777
821
|
stroke: "currentColor",
|
|
778
822
|
strokeLinecap: "round",
|
|
779
823
|
strokeLinejoin: "round"
|
|
780
824
|
}
|
|
781
825
|
) });
|
|
782
826
|
}
|
|
783
|
-
function
|
|
827
|
+
function CircleDotIcon({ size = 24, ...props }) {
|
|
784
828
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
785
|
-
/* @__PURE__ */ jsx(
|
|
786
|
-
|
|
787
|
-
{
|
|
788
|
-
d: "M15.7 21.3a1 1 0 01-1.4 0l-1.6-1.6a1 1 0 010-1.4l5.6-5.6a1 1 0 011.4 0l1.6 1.6a1 1 0 010 1.4zM18 13l-1.4-6.9a1 1 0 00-.7-.8L3.2 2a1 1 0 00-1.2 1.2l3.3 12.7a1 1 0 00.8.7L13 18M2.3 2.3l7.3 7.3",
|
|
789
|
-
stroke: "currentColor",
|
|
790
|
-
strokeLinecap: "round",
|
|
791
|
-
strokeLinejoin: "round"
|
|
792
|
-
}
|
|
793
|
-
),
|
|
794
|
-
/* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "2", stroke: "currentColor" })
|
|
829
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor" }),
|
|
830
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1", fill: "currentColor" })
|
|
795
831
|
] });
|
|
796
832
|
}
|
|
797
|
-
function
|
|
833
|
+
function CircleIcon({ size = 24, ...props }) {
|
|
834
|
+
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor" }) });
|
|
835
|
+
}
|
|
836
|
+
function ClipboardCheckIcon({ size = 24, ...props }) {
|
|
798
837
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
799
838
|
/* @__PURE__ */ jsx(
|
|
800
839
|
"path",
|
|
801
840
|
{
|
|
802
|
-
d: "
|
|
841
|
+
d: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2",
|
|
803
842
|
stroke: "currentColor",
|
|
804
843
|
strokeLinecap: "round",
|
|
805
844
|
strokeLinejoin: "round"
|
|
806
845
|
}
|
|
807
846
|
),
|
|
808
|
-
/* @__PURE__ */ jsx("
|
|
809
|
-
|
|
847
|
+
/* @__PURE__ */ jsx("rect", { x: "9", y: "2", width: "6", height: "4", rx: "1", stroke: "currentColor" }),
|
|
848
|
+
/* @__PURE__ */ jsx("path", { d: "M9 14l2 2 4-4", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
849
|
+
] });
|
|
810
850
|
}
|
|
811
|
-
function
|
|
851
|
+
function ClockIcon({ size = 24, ...props }) {
|
|
852
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
853
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor" }),
|
|
854
|
+
/* @__PURE__ */ jsx("path", { d: "M12 6v6h4.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
855
|
+
] });
|
|
856
|
+
}
|
|
857
|
+
function XIcon({ size = 24, strokeWidth = 2, ...props }) {
|
|
858
|
+
return /* @__PURE__ */ jsx(Icon, { size, strokeWidth, ...props, children: /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6l12 12", stroke: "currentColor", strokeLinecap: "round" }) });
|
|
859
|
+
}
|
|
860
|
+
|
|
861
|
+
// src/icons/close-icon.tsx
|
|
862
|
+
var CloseIcon = XIcon;
|
|
863
|
+
function CommandIcon({ size = 24, ...props }) {
|
|
864
|
+
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
865
|
+
"path",
|
|
866
|
+
{
|
|
867
|
+
d: "M18 3a3 3 0 00-3 3v12a3 3 0 003 3 3 3 0 003-3 3 3 0 00-3-3H6a3 3 0 00-3 3 3 3 0 003 3 3 3 0 003-3V6a3 3 0 00-3-3 3 3 0 00-3 3 3 3 0 003 3h12a3 3 0 003-3 3 3 0 00-3-3z",
|
|
868
|
+
stroke: "currentColor",
|
|
869
|
+
strokeLinejoin: "round"
|
|
870
|
+
}
|
|
871
|
+
) });
|
|
872
|
+
}
|
|
873
|
+
function CopyIcon({ size = 24, ...props }) {
|
|
812
874
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
875
|
+
/* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", stroke: "currentColor", fill: "none" }),
|
|
813
876
|
/* @__PURE__ */ jsx(
|
|
814
877
|
"path",
|
|
815
878
|
{
|
|
816
|
-
d: "
|
|
879
|
+
d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1",
|
|
817
880
|
stroke: "currentColor",
|
|
818
|
-
|
|
819
|
-
|
|
881
|
+
fill: "none"
|
|
882
|
+
}
|
|
883
|
+
)
|
|
884
|
+
] });
|
|
885
|
+
}
|
|
886
|
+
function CornerDownLeftIcon({ size = 24, ...props }) {
|
|
887
|
+
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
888
|
+
"path",
|
|
889
|
+
{
|
|
890
|
+
d: "m9 10-5 5 5 5M20 4v7a4 4 0 01-4 4H4",
|
|
891
|
+
stroke: "currentColor",
|
|
892
|
+
strokeLinecap: "round",
|
|
893
|
+
strokeLinejoin: "round"
|
|
894
|
+
}
|
|
895
|
+
) });
|
|
896
|
+
}
|
|
897
|
+
function CreditCardIcon({ size = 24, ...props }) {
|
|
898
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
899
|
+
/* @__PURE__ */ jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2", stroke: "currentColor" }),
|
|
900
|
+
/* @__PURE__ */ jsx("path", { d: "M3 10h18", stroke: "currentColor", strokeLinecap: "round" }),
|
|
901
|
+
/* @__PURE__ */ jsx("path", { d: "M7 15h3", stroke: "currentColor", strokeLinecap: "round" })
|
|
902
|
+
] });
|
|
903
|
+
}
|
|
904
|
+
function DocumentIcon({ size = 24, ...props }) {
|
|
905
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
906
|
+
/* @__PURE__ */ jsx(
|
|
907
|
+
"path",
|
|
908
|
+
{
|
|
909
|
+
d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z",
|
|
910
|
+
fill: "currentColor",
|
|
911
|
+
opacity: "0.2"
|
|
820
912
|
}
|
|
821
913
|
),
|
|
822
914
|
/* @__PURE__ */ jsx(
|
|
823
915
|
"path",
|
|
824
916
|
{
|
|
825
|
-
d: "M14
|
|
917
|
+
d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z",
|
|
826
918
|
stroke: "currentColor",
|
|
827
919
|
strokeLinecap: "round",
|
|
828
920
|
strokeLinejoin: "round"
|
|
829
921
|
}
|
|
830
|
-
)
|
|
831
|
-
] });
|
|
832
|
-
}
|
|
833
|
-
function ClipboardCheckIcon({ size = 24, ...props }) {
|
|
834
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
922
|
+
),
|
|
835
923
|
/* @__PURE__ */ jsx(
|
|
836
924
|
"path",
|
|
837
925
|
{
|
|
838
|
-
d: "
|
|
926
|
+
d: "M14 2v6h6M8 13h8M8 17h8M8 9h2",
|
|
839
927
|
stroke: "currentColor",
|
|
840
928
|
strokeLinecap: "round",
|
|
841
929
|
strokeLinejoin: "round"
|
|
842
930
|
}
|
|
843
|
-
)
|
|
844
|
-
/* @__PURE__ */ jsx("rect", { x: "9", y: "2", width: "6", height: "4", rx: "1", stroke: "currentColor" }),
|
|
845
|
-
/* @__PURE__ */ jsx("path", { d: "M9 14l2 2 4-4", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
931
|
+
)
|
|
846
932
|
] });
|
|
847
933
|
}
|
|
848
|
-
function
|
|
934
|
+
function DollarSignIcon({ size = 24, ...props }) {
|
|
849
935
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
850
936
|
"path",
|
|
851
937
|
{
|
|
852
|
-
d: "
|
|
938
|
+
d: "M12 2v20M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6",
|
|
853
939
|
stroke: "currentColor",
|
|
854
940
|
strokeLinecap: "round",
|
|
855
941
|
strokeLinejoin: "round"
|
|
856
942
|
}
|
|
857
943
|
) });
|
|
858
944
|
}
|
|
859
|
-
function
|
|
945
|
+
function DownloadIcon({ size = 24, ...props }) {
|
|
946
|
+
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
947
|
+
"path",
|
|
948
|
+
{
|
|
949
|
+
d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 15V3",
|
|
950
|
+
stroke: "currentColor",
|
|
951
|
+
strokeLinecap: "round",
|
|
952
|
+
strokeLinejoin: "round"
|
|
953
|
+
}
|
|
954
|
+
) });
|
|
955
|
+
}
|
|
956
|
+
|
|
957
|
+
// src/icons/external-link-icon.tsx
|
|
958
|
+
var ExternalLinkIcon = /* @__PURE__ */ createIcon({
|
|
959
|
+
name: "ExternalLinkIcon",
|
|
960
|
+
paths: ["M15 3h6v6", "M10 14 21 3", "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"]
|
|
961
|
+
});
|
|
962
|
+
function ExtractIcon({ size = 16, className, ...props }) {
|
|
963
|
+
const uid = useId();
|
|
964
|
+
const gradId = `extract-grad-${uid}`;
|
|
965
|
+
const clipId = `extract-clip-${uid}`;
|
|
966
|
+
const px = iconSizePx(size);
|
|
967
|
+
return /* @__PURE__ */ jsxs(
|
|
968
|
+
"svg",
|
|
969
|
+
{
|
|
970
|
+
width: px,
|
|
971
|
+
height: px * 12 / 16,
|
|
972
|
+
viewBox: "0 0 16 12",
|
|
973
|
+
fill: "none",
|
|
974
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
975
|
+
className: cn("ds:shrink-0", className),
|
|
976
|
+
"aria-hidden": "true",
|
|
977
|
+
...props,
|
|
978
|
+
children: [
|
|
979
|
+
/* @__PURE__ */ jsx("g", { clipPath: `url(#${clipId})`, children: /* @__PURE__ */ jsx(
|
|
980
|
+
"path",
|
|
981
|
+
{
|
|
982
|
+
d: "M6.24553 5.34293C5.91553 5.23294 5.91553 4.76699 6.24553 4.657L8.18254 4.01207C8.60834 3.87011 8.99522 3.63094 9.31252 3.3135C9.62982 2.99607 9.8688 2.6091 10.0105 2.18327L10.6555 0.247473C10.7655 -0.0824911 11.2315 -0.0824912 11.3415 0.247473L11.9866 2.18427C12.1285 2.61002 12.3677 2.99686 12.6852 3.31412C13.0027 3.63139 13.3897 3.87035 13.8156 4.01207L15.7516 4.657C15.8238 4.68071 15.8868 4.72664 15.9314 4.78823C15.976 4.84982 16 4.92392 16 4.99996C16 5.07601 15.976 5.15011 15.9314 5.2117C15.8868 5.27329 15.8238 5.31921 15.7516 5.34293L13.8146 5.98786C13.3889 6.12971 13.0021 6.36874 12.6848 6.68599C12.3675 7.00324 12.1284 7.39001 11.9866 7.81566L11.3415 9.75245C11.3178 9.82471 11.2719 9.88763 11.2103 9.93223C11.1487 9.97684 11.0746 10.0009 10.9985 10.0009C10.9225 10.0009 10.8484 9.97684 10.7868 9.93223C10.7252 9.88763 10.6793 9.82471 10.6555 9.75245L10.0105 7.81566C9.86867 7.39001 9.62962 7.00324 9.31233 6.68599C8.99505 6.36874 8.60823 6.12971 8.18254 5.98786L6.24553 5.34293ZM1.14651 9.20551C1.1032 9.19117 1.06552 9.16355 1.03881 9.12658C1.0121 9.0896 0.99772 9.04515 0.99772 8.99954C0.99772 8.95392 1.0121 8.90947 1.03881 8.87249C1.06552 8.83552 1.1032 8.8079 1.14651 8.79356L2.30851 8.4066C2.82651 8.23362 3.23252 7.82766 3.40552 7.30972L3.79252 6.14784C3.80686 6.10454 3.83448 6.06686 3.87146 6.04015C3.90844 6.01345 3.9529 5.99907 3.99852 5.99907C4.04414 5.99907 4.0886 6.01345 4.12558 6.04015C4.16256 6.06686 4.19018 6.10454 4.20452 6.14784L4.59152 7.30972C4.67664 7.56516 4.82009 7.79728 5.0105 7.98767C5.20091 8.17806 5.43305 8.32149 5.68853 8.4066L6.85053 8.79356C6.89384 8.8079 6.93152 8.83551 6.95823 8.87249C6.98494 8.90947 6.99932 8.95392 6.99932 8.99954C6.99932 9.04515 6.98494 9.0896 6.95823 9.12658C6.93152 9.16355 6.89384 9.19117 6.85053 9.20551L5.68853 9.59247C5.43305 9.67758 5.20091 9.82101 5.0105 10.0114C4.82009 10.2018 4.67664 10.4339 4.59152 10.6894L4.20452 11.8512C4.19018 11.8945 4.16256 11.9322 4.12558 11.9589C4.0886 11.9856 4.04414 12 3.99852 12C3.9529 12 3.90844 11.9856 3.87146 11.9589C3.83448 11.9322 3.80686 11.8945 3.79252 11.8512L3.40552 10.6894C3.3204 10.4339 3.17695 10.2018 2.98654 10.0114C2.79613 9.82101 2.56399 9.67758 2.30851 9.59247L1.14651 9.20551ZM0.097503 2.13727C0.0690292 2.1274 0.0443387 2.1089 0.0268643 2.08435C0.00938996 2.0598 1.317e-09 2.03042 0 2.00029C-1.318e-09 1.97015 0.00938995 1.94077 0.0268643 1.91622C0.0443387 1.89167 0.0690292 1.87317 0.097503 1.8633L0.871506 1.60533C1.21751 1.49034 1.48851 1.21937 1.60351 0.873408L1.86151 0.0994903C1.87138 0.0710193 1.88988 0.0463306 1.91443 0.0288584C1.93899 0.0113861 1.96837 0.00199815 1.99851 0.00199814C2.02865 0.00199814 2.05803 0.0113861 2.08259 0.0288583C2.10714 0.0463306 2.12564 0.0710193 2.13551 0.0994903L2.39351 0.873408C2.45024 1.0439 2.54593 1.19882 2.673 1.32588C2.80006 1.45293 2.955 1.54861 3.12552 1.60533L3.89952 1.8633C3.92799 1.87317 3.95268 1.89167 3.97016 1.91622C3.98763 1.94077 3.99702 1.97015 3.99702 2.00029C3.99702 2.03042 3.98763 2.0598 3.97016 2.08435C3.95268 2.1089 3.92799 2.1274 3.89952 2.13727L3.12552 2.39524C2.955 2.45196 2.80006 2.54764 2.673 2.6747C2.54593 2.80175 2.45024 2.95667 2.39351 3.12717L2.13551 3.90008C2.12564 3.92855 2.10714 3.95324 2.08259 3.97071C2.05804 3.98819 2.02865 3.99757 1.99851 3.99757C1.96837 3.99757 1.93899 3.98819 1.91443 3.97071C1.88988 3.95324 1.87138 3.92855 1.86151 3.90008L1.60351 3.12617C1.48851 2.7802 1.21751 2.50923 0.871506 2.39424L0.097503 2.13727Z",
|
|
983
|
+
fill: `url(#${gradId})`
|
|
984
|
+
}
|
|
985
|
+
) }),
|
|
986
|
+
/* @__PURE__ */ jsxs("defs", { children: [
|
|
987
|
+
/* @__PURE__ */ jsxs(
|
|
988
|
+
"linearGradient",
|
|
989
|
+
{
|
|
990
|
+
id: gradId,
|
|
991
|
+
x1: "0.265576",
|
|
992
|
+
y1: "0.856805",
|
|
993
|
+
x2: "13.5",
|
|
994
|
+
y2: "12",
|
|
995
|
+
gradientUnits: "userSpaceOnUse",
|
|
996
|
+
children: [
|
|
997
|
+
/* @__PURE__ */ jsx("stop", { stopColor: "#9E32FF" }),
|
|
998
|
+
/* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#1BB6FF" })
|
|
999
|
+
]
|
|
1000
|
+
}
|
|
1001
|
+
),
|
|
1002
|
+
/* @__PURE__ */ jsx("clipPath", { id: clipId, children: /* @__PURE__ */ jsx("rect", { width: "16", height: "12", fill: "white" }) })
|
|
1003
|
+
] })
|
|
1004
|
+
]
|
|
1005
|
+
}
|
|
1006
|
+
);
|
|
1007
|
+
}
|
|
1008
|
+
function EyeIcon({ size = 24, ...props }) {
|
|
860
1009
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
861
1010
|
/* @__PURE__ */ jsx(
|
|
862
1011
|
"path",
|
|
863
1012
|
{
|
|
864
|
-
d: "
|
|
1013
|
+
d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7S2 12 2 12z",
|
|
865
1014
|
stroke: "currentColor",
|
|
866
1015
|
strokeLinecap: "round",
|
|
867
1016
|
strokeLinejoin: "round"
|
|
868
1017
|
}
|
|
869
1018
|
),
|
|
870
|
-
/* @__PURE__ */ jsx("
|
|
871
|
-
] });
|
|
872
|
-
}
|
|
873
|
-
function CalendarIcon({ size = 24, ...props }) {
|
|
874
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
875
|
-
/* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", stroke: "currentColor" }),
|
|
876
|
-
/* @__PURE__ */ jsx("path", { d: "M16 2v4M8 2v4M3 10h18", stroke: "currentColor", strokeLinecap: "round" })
|
|
1019
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3", stroke: "currentColor" })
|
|
877
1020
|
] });
|
|
878
1021
|
}
|
|
879
|
-
function
|
|
1022
|
+
function EyeOffIcon({ size = 24, ...props }) {
|
|
880
1023
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
881
1024
|
"path",
|
|
882
1025
|
{
|
|
883
|
-
d: "
|
|
1026
|
+
d: "M9.88 9.88a3 3 0 104.24 4.24M10.73 5.08A10.43 10.43 0 0112 5c7 0 10 7 10 7a13.16 13.16 0 01-1.67 2.68M6.61 6.61A13.526 13.526 0 002 12s3 7 10 7a9.74 9.74 0 005.39-1.61M2 2l20 20",
|
|
884
1027
|
stroke: "currentColor",
|
|
885
1028
|
strokeLinecap: "round",
|
|
886
1029
|
strokeLinejoin: "round"
|
|
887
1030
|
}
|
|
888
1031
|
) });
|
|
889
1032
|
}
|
|
890
|
-
function
|
|
1033
|
+
function FileIcon({ size = 24, ...props }) {
|
|
891
1034
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
892
|
-
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3", stroke: "currentColor" }),
|
|
893
1035
|
/* @__PURE__ */ jsx(
|
|
894
1036
|
"path",
|
|
895
1037
|
{
|
|
896
|
-
d: "
|
|
1038
|
+
d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z",
|
|
897
1039
|
stroke: "currentColor",
|
|
898
1040
|
strokeLinecap: "round",
|
|
899
1041
|
strokeLinejoin: "round"
|
|
900
1042
|
}
|
|
901
|
-
)
|
|
902
|
-
|
|
903
|
-
}
|
|
904
|
-
function PanelLeftIcon({ size = 24, ...props }) {
|
|
905
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
906
|
-
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: "currentColor" }),
|
|
907
|
-
/* @__PURE__ */ jsx("path", { d: "M9 3v18", stroke: "currentColor" })
|
|
908
|
-
] });
|
|
909
|
-
}
|
|
910
|
-
function PanelLeftCloseIcon({ size = 24, ...props }) {
|
|
911
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
912
|
-
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: "currentColor" }),
|
|
913
|
-
/* @__PURE__ */ jsx("path", { d: "M9 3v18", stroke: "currentColor" }),
|
|
914
|
-
/* @__PURE__ */ jsx("path", { d: "M15 9l-3 3 3 3", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
915
|
-
] });
|
|
916
|
-
}
|
|
917
|
-
function SunIcon({ size = 24, ...props }) {
|
|
918
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
919
|
-
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4", stroke: "currentColor" }),
|
|
920
|
-
/* @__PURE__ */ jsx(
|
|
921
|
-
"path",
|
|
922
|
-
{
|
|
923
|
-
d: "M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41",
|
|
924
|
-
stroke: "currentColor",
|
|
925
|
-
strokeLinecap: "round"
|
|
926
|
-
}
|
|
927
|
-
)
|
|
1043
|
+
),
|
|
1044
|
+
/* @__PURE__ */ jsx("path", { d: "M14 2v6h6", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
928
1045
|
] });
|
|
929
1046
|
}
|
|
930
|
-
function
|
|
1047
|
+
function FileReturnIcon({ size = 24, ...props }) {
|
|
931
1048
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
932
1049
|
/* @__PURE__ */ jsx(
|
|
933
1050
|
"path",
|
|
934
1051
|
{
|
|
935
|
-
d: "
|
|
1052
|
+
d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z",
|
|
936
1053
|
stroke: "currentColor",
|
|
937
1054
|
strokeLinecap: "round",
|
|
938
1055
|
strokeLinejoin: "round"
|
|
939
1056
|
}
|
|
940
1057
|
),
|
|
941
|
-
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "7", r: "4", stroke: "currentColor" }),
|
|
942
|
-
/* @__PURE__ */ jsx("path", { d: "M22 11h-4M20 9v4", stroke: "currentColor", strokeLinecap: "round" })
|
|
943
|
-
] });
|
|
944
|
-
}
|
|
945
|
-
function MoonIcon({ size = 24, ...props }) {
|
|
946
|
-
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
947
|
-
"path",
|
|
948
|
-
{
|
|
949
|
-
d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z",
|
|
950
|
-
stroke: "currentColor",
|
|
951
|
-
strokeLinecap: "round",
|
|
952
|
-
strokeLinejoin: "round"
|
|
953
|
-
}
|
|
954
|
-
) });
|
|
955
|
-
}
|
|
956
|
-
function PaletteIcon({ size = 24, ...props }) {
|
|
957
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
958
|
-
/* @__PURE__ */ jsx("circle", { cx: "13.5", cy: "6.5", r: "1.5", fill: "currentColor" }),
|
|
959
|
-
/* @__PURE__ */ jsx("circle", { cx: "17.5", cy: "10.5", r: "1.5", fill: "currentColor" }),
|
|
960
|
-
/* @__PURE__ */ jsx("circle", { cx: "8.5", cy: "7.5", r: "1.5", fill: "currentColor" }),
|
|
961
|
-
/* @__PURE__ */ jsx("circle", { cx: "6.5", cy: "12.5", r: "1.5", fill: "currentColor" }),
|
|
962
1058
|
/* @__PURE__ */ jsx(
|
|
963
1059
|
"path",
|
|
964
1060
|
{
|
|
965
|
-
d: "
|
|
1061
|
+
d: "M14 2v6h6M9 15l3-3 3 3M12 12v6",
|
|
966
1062
|
stroke: "currentColor",
|
|
967
1063
|
strokeLinecap: "round",
|
|
968
1064
|
strokeLinejoin: "round"
|
|
@@ -970,27 +1066,21 @@ function PaletteIcon({ size = 24, ...props }) {
|
|
|
970
1066
|
)
|
|
971
1067
|
] });
|
|
972
1068
|
}
|
|
973
|
-
function
|
|
1069
|
+
function FileTextIcon({ size = 24, ...props }) {
|
|
974
1070
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
975
|
-
/* @__PURE__ */ jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", stroke: "currentColor" }),
|
|
976
1071
|
/* @__PURE__ */ jsx(
|
|
977
1072
|
"path",
|
|
978
1073
|
{
|
|
979
|
-
d: "
|
|
1074
|
+
d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z",
|
|
980
1075
|
stroke: "currentColor",
|
|
981
1076
|
strokeLinecap: "round",
|
|
982
1077
|
strokeLinejoin: "round"
|
|
983
1078
|
}
|
|
984
|
-
)
|
|
985
|
-
] });
|
|
986
|
-
}
|
|
987
|
-
function GlobeIcon({ size = 24, ...props }) {
|
|
988
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
989
|
-
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor" }),
|
|
1079
|
+
),
|
|
990
1080
|
/* @__PURE__ */ jsx(
|
|
991
1081
|
"path",
|
|
992
1082
|
{
|
|
993
|
-
d: "
|
|
1083
|
+
d: "M14 2v6h6M16 13H8M16 17H8M10 9H8",
|
|
994
1084
|
stroke: "currentColor",
|
|
995
1085
|
strokeLinecap: "round",
|
|
996
1086
|
strokeLinejoin: "round"
|
|
@@ -998,32 +1088,56 @@ function GlobeIcon({ size = 24, ...props }) {
|
|
|
998
1088
|
)
|
|
999
1089
|
] });
|
|
1000
1090
|
}
|
|
1001
|
-
function
|
|
1091
|
+
function FilterIcon({ size = 24, ...props }) {
|
|
1002
1092
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1003
1093
|
"path",
|
|
1004
1094
|
{
|
|
1005
|
-
d: "
|
|
1095
|
+
d: "M3 4h18l-7 8v6l-4 2v-8L3 4z",
|
|
1006
1096
|
stroke: "currentColor",
|
|
1007
1097
|
strokeLinecap: "round",
|
|
1008
1098
|
strokeLinejoin: "round"
|
|
1009
1099
|
}
|
|
1010
1100
|
) });
|
|
1011
1101
|
}
|
|
1012
|
-
function
|
|
1013
|
-
return /* @__PURE__ */
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1102
|
+
function FlagIcon({ size = 24, ...props }) {
|
|
1103
|
+
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1104
|
+
"path",
|
|
1105
|
+
{
|
|
1106
|
+
d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1zM4 22v-7",
|
|
1107
|
+
stroke: "currentColor",
|
|
1108
|
+
strokeLinecap: "round",
|
|
1109
|
+
strokeLinejoin: "round"
|
|
1110
|
+
}
|
|
1111
|
+
) });
|
|
1020
1112
|
}
|
|
1021
|
-
function
|
|
1113
|
+
function FolderClosedIcon({ size = 24, ...props }) {
|
|
1114
|
+
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1115
|
+
"path",
|
|
1116
|
+
{
|
|
1117
|
+
d: "M20 20a2 2 0 002-2V8a2 2 0 00-2-2h-7.9a2 2 0 01-1.69-.9L9.6 3.9A2 2 0 007.93 3H4a2 2 0 00-2 2v13a2 2 0 002 2h16z",
|
|
1118
|
+
stroke: "currentColor",
|
|
1119
|
+
strokeLinecap: "round",
|
|
1120
|
+
strokeLinejoin: "round"
|
|
1121
|
+
}
|
|
1122
|
+
) });
|
|
1123
|
+
}
|
|
1124
|
+
function FolderOpenIcon({ size = 24, ...props }) {
|
|
1125
|
+
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1126
|
+
"path",
|
|
1127
|
+
{
|
|
1128
|
+
d: "M5 19a2 2 0 01-2-2V7a2 2 0 012-2h4l2 2h4a2 2 0 012 2v1M5 19h14a2 2 0 002-2l-2.5-7a2 2 0 00-2-1.5H5.5A2 2 0 003.5 10L2 17a2 2 0 002 2z",
|
|
1129
|
+
stroke: "currentColor",
|
|
1130
|
+
strokeLinecap: "round",
|
|
1131
|
+
strokeLinejoin: "round"
|
|
1132
|
+
}
|
|
1133
|
+
) });
|
|
1134
|
+
}
|
|
1135
|
+
function FolderPlusIcon({ size = 24, ...props }) {
|
|
1022
1136
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1023
1137
|
/* @__PURE__ */ jsx(
|
|
1024
1138
|
"path",
|
|
1025
1139
|
{
|
|
1026
|
-
d: "
|
|
1140
|
+
d: "M20 20a2 2 0 002-2V8a2 2 0 00-2-2h-7.9a2 2 0 01-1.69-.9L9.6 3.9A2 2 0 007.93 3H4a2 2 0 00-2 2v13a2 2 0 002 2h16z",
|
|
1027
1141
|
stroke: "currentColor",
|
|
1028
1142
|
strokeLinecap: "round",
|
|
1029
1143
|
strokeLinejoin: "round"
|
|
@@ -1032,7 +1146,7 @@ function LinkIcon({ size = 24, ...props }) {
|
|
|
1032
1146
|
/* @__PURE__ */ jsx(
|
|
1033
1147
|
"path",
|
|
1034
1148
|
{
|
|
1035
|
-
d: "
|
|
1149
|
+
d: "M12 10v6M9 13h6",
|
|
1036
1150
|
stroke: "currentColor",
|
|
1037
1151
|
strokeLinecap: "round",
|
|
1038
1152
|
strokeLinejoin: "round"
|
|
@@ -1040,99 +1154,119 @@ function LinkIcon({ size = 24, ...props }) {
|
|
|
1040
1154
|
)
|
|
1041
1155
|
] });
|
|
1042
1156
|
}
|
|
1043
|
-
function
|
|
1044
|
-
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1045
|
-
"path",
|
|
1046
|
-
{
|
|
1047
|
-
d: "M21 2l-2 2m-7.61 7.61a5.5 5.5 0 11-7.778 7.778 5.5 5.5 0 017.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4",
|
|
1048
|
-
stroke: "currentColor",
|
|
1049
|
-
strokeLinecap: "round",
|
|
1050
|
-
strokeLinejoin: "round"
|
|
1051
|
-
}
|
|
1052
|
-
) });
|
|
1053
|
-
}
|
|
1054
|
-
function SearchIcon({ size = 24, ...props }) {
|
|
1055
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1056
|
-
/* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8", stroke: "currentColor" }),
|
|
1057
|
-
/* @__PURE__ */ jsx("path", { d: "M21 21l-4.35-4.35", stroke: "currentColor", strokeLinecap: "round" })
|
|
1058
|
-
] });
|
|
1059
|
-
}
|
|
1060
|
-
function LogOutIcon({ size = 24, ...props }) {
|
|
1157
|
+
function FolderUpIcon({ size = 24, ...props }) {
|
|
1061
1158
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1062
1159
|
"path",
|
|
1063
1160
|
{
|
|
1064
|
-
d: "
|
|
1161
|
+
d: "M20 20a2 2 0 002-2V8a2 2 0 00-2-2h-7.9a2 2 0 01-1.69-.9L9.6 3.9A2 2 0 007.93 3H4a2 2 0 00-2 2v13a2 2 0 002 2ZM12 10v6M9 13l3-3 3 3",
|
|
1065
1162
|
stroke: "currentColor",
|
|
1066
1163
|
strokeLinecap: "round",
|
|
1067
1164
|
strokeLinejoin: "round"
|
|
1068
1165
|
}
|
|
1069
1166
|
) });
|
|
1070
1167
|
}
|
|
1071
|
-
function
|
|
1168
|
+
function GlobeIcon({ size = 24, ...props }) {
|
|
1072
1169
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1170
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor" }),
|
|
1073
1171
|
/* @__PURE__ */ jsx(
|
|
1074
1172
|
"path",
|
|
1075
1173
|
{
|
|
1076
|
-
d: "
|
|
1174
|
+
d: "M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z",
|
|
1077
1175
|
stroke: "currentColor",
|
|
1078
1176
|
strokeLinecap: "round",
|
|
1079
1177
|
strokeLinejoin: "round"
|
|
1080
1178
|
}
|
|
1081
|
-
)
|
|
1082
|
-
/* @__PURE__ */ jsx("circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor", stroke: "currentColor", strokeWidth: "1" })
|
|
1179
|
+
)
|
|
1083
1180
|
] });
|
|
1084
1181
|
}
|
|
1085
|
-
function
|
|
1182
|
+
function GoogleBrandIcon({ size = 24, ...props }) {
|
|
1086
1183
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1087
1184
|
/* @__PURE__ */ jsx(
|
|
1088
1185
|
"path",
|
|
1089
1186
|
{
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
strokeLinecap: "round",
|
|
1093
|
-
strokeLinejoin: "round"
|
|
1187
|
+
fill: "#4285F4",
|
|
1188
|
+
d: "M22 12.27c0-.71-.06-1.4-.18-2.07H12v3.93h5.59a4.78 4.78 0 01-2.07 3.14v2.6h3.34c1.95-1.8 3.08-4.45 3.08-7.6z"
|
|
1094
1189
|
}
|
|
1095
1190
|
),
|
|
1096
1191
|
/* @__PURE__ */ jsx(
|
|
1097
1192
|
"path",
|
|
1098
1193
|
{
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
|
|
1194
|
+
fill: "#34A853",
|
|
1195
|
+
d: "M12 22.5c2.81 0 5.16-.93 6.88-2.52l-3.34-2.6c-.93.62-2.11.99-3.54.99-2.72 0-5.03-1.84-5.86-4.31H2.69v2.69A10.5 10.5 0 0012 22.5z"
|
|
1196
|
+
}
|
|
1197
|
+
),
|
|
1198
|
+
/* @__PURE__ */ jsx(
|
|
1199
|
+
"path",
|
|
1200
|
+
{
|
|
1201
|
+
fill: "#FBBC05",
|
|
1202
|
+
d: "M6.14 14.06A6.3 6.3 0 015.8 12c0-.71.12-1.4.34-2.06V7.25H2.69A10.5 10.5 0 001.5 12c0 1.7.41 3.3 1.19 4.75l3.45-2.69z"
|
|
1203
|
+
}
|
|
1204
|
+
),
|
|
1205
|
+
/* @__PURE__ */ jsx(
|
|
1206
|
+
"path",
|
|
1207
|
+
{
|
|
1208
|
+
fill: "#EA4335",
|
|
1209
|
+
d: "M12 5.63c1.53 0 2.91.53 4 1.56l3-3C17.16 2.47 14.8 1.5 12 1.5A10.5 10.5 0 002.69 7.25l3.45 2.69C7 7.47 9.28 5.63 12 5.63z"
|
|
1103
1210
|
}
|
|
1104
1211
|
)
|
|
1105
1212
|
] });
|
|
1106
1213
|
}
|
|
1107
|
-
|
|
1214
|
+
var GripVerticalIcon = /* @__PURE__ */ createIcon({
|
|
1215
|
+
name: "GripVerticalIcon",
|
|
1216
|
+
paths: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
1217
|
+
/* @__PURE__ */ jsx("circle", { cx: "9", cy: "5", r: "1", stroke: "currentColor" }),
|
|
1218
|
+
/* @__PURE__ */ jsx("circle", { cx: "9", cy: "12", r: "1", stroke: "currentColor" }),
|
|
1219
|
+
/* @__PURE__ */ jsx("circle", { cx: "9", cy: "19", r: "1", stroke: "currentColor" }),
|
|
1220
|
+
/* @__PURE__ */ jsx("circle", { cx: "15", cy: "5", r: "1", stroke: "currentColor" }),
|
|
1221
|
+
/* @__PURE__ */ jsx("circle", { cx: "15", cy: "12", r: "1", stroke: "currentColor" }),
|
|
1222
|
+
/* @__PURE__ */ jsx("circle", { cx: "15", cy: "19", r: "1", stroke: "currentColor" })
|
|
1223
|
+
] })
|
|
1224
|
+
});
|
|
1225
|
+
function HelpCircleIcon({ size = 24, ...props }) {
|
|
1108
1226
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1109
|
-
/* @__PURE__ */ jsx("
|
|
1227
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor" }),
|
|
1110
1228
|
/* @__PURE__ */ jsx(
|
|
1111
1229
|
"path",
|
|
1112
1230
|
{
|
|
1113
|
-
d: "
|
|
1231
|
+
d: "M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3M12 17h.01",
|
|
1114
1232
|
stroke: "currentColor",
|
|
1115
1233
|
strokeLinecap: "round",
|
|
1116
1234
|
strokeLinejoin: "round"
|
|
1117
1235
|
}
|
|
1118
|
-
)
|
|
1236
|
+
)
|
|
1237
|
+
] });
|
|
1238
|
+
}
|
|
1239
|
+
function HistoryIcon({ size = 24, ...props }) {
|
|
1240
|
+
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1241
|
+
"path",
|
|
1242
|
+
{
|
|
1243
|
+
d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8M3 3v5h5M12 7v5l4 2",
|
|
1244
|
+
stroke: "currentColor",
|
|
1245
|
+
strokeLinecap: "round",
|
|
1246
|
+
strokeLinejoin: "round"
|
|
1247
|
+
}
|
|
1248
|
+
) });
|
|
1249
|
+
}
|
|
1250
|
+
function HomeIcon({ size = 24, ...props }) {
|
|
1251
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1119
1252
|
/* @__PURE__ */ jsx(
|
|
1120
1253
|
"path",
|
|
1121
1254
|
{
|
|
1122
|
-
d: "
|
|
1255
|
+
d: "m3 9 9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z",
|
|
1123
1256
|
stroke: "currentColor",
|
|
1124
1257
|
strokeLinecap: "round",
|
|
1125
1258
|
strokeLinejoin: "round"
|
|
1126
1259
|
}
|
|
1127
|
-
)
|
|
1260
|
+
),
|
|
1261
|
+
/* @__PURE__ */ jsx("path", { d: "M9 22V12h6v10", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
1128
1262
|
] });
|
|
1129
1263
|
}
|
|
1130
|
-
function
|
|
1264
|
+
function InboxIcon({ size = 24, ...props }) {
|
|
1131
1265
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1132
1266
|
/* @__PURE__ */ jsx(
|
|
1133
1267
|
"path",
|
|
1134
1268
|
{
|
|
1135
|
-
d: "
|
|
1269
|
+
d: "M22 12h-6l-2 3h-4l-2-3H2",
|
|
1136
1270
|
stroke: "currentColor",
|
|
1137
1271
|
strokeLinecap: "round",
|
|
1138
1272
|
strokeLinejoin: "round"
|
|
@@ -1141,40 +1275,32 @@ function Link2Icon({ size = 24, ...props }) {
|
|
|
1141
1275
|
/* @__PURE__ */ jsx(
|
|
1142
1276
|
"path",
|
|
1143
1277
|
{
|
|
1144
|
-
d: "
|
|
1278
|
+
d: "M5.45 5.11 2 12v6a2 2 0 002 2h16a2 2 0 002-2v-6l-3.45-6.89A2 2 0 0016.76 4H7.24a2 2 0 00-1.79 1.11Z",
|
|
1145
1279
|
stroke: "currentColor",
|
|
1146
1280
|
strokeLinecap: "round",
|
|
1147
1281
|
strokeLinejoin: "round"
|
|
1148
1282
|
}
|
|
1149
|
-
)
|
|
1150
|
-
/* @__PURE__ */ jsx("line", { x1: "8", x2: "16", y1: "12", y2: "12", stroke: "currentColor", strokeLinecap: "round" })
|
|
1283
|
+
)
|
|
1151
1284
|
] });
|
|
1152
1285
|
}
|
|
1153
|
-
function
|
|
1154
|
-
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx("path", { d: "m18 15-6-6-6 6", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
1155
|
-
}
|
|
1156
|
-
function ChevronDownIcon({ size = 24, ...props }) {
|
|
1157
|
-
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
1158
|
-
}
|
|
1159
|
-
function PlusIcon({ size = 24, ...props }) {
|
|
1286
|
+
function InfoCircleSolidIcon({ size = 24, ...props }) {
|
|
1160
1287
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1161
1288
|
"path",
|
|
1162
1289
|
{
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
-
|
|
1290
|
+
fillRule: "evenodd",
|
|
1291
|
+
clipRule: "evenodd",
|
|
1292
|
+
fill: "currentColor",
|
|
1293
|
+
d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.342l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.341l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
|
|
1167
1294
|
}
|
|
1168
1295
|
) });
|
|
1169
1296
|
}
|
|
1170
|
-
function
|
|
1297
|
+
function InfoIcon({ size = 24, ...props }) {
|
|
1171
1298
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1172
1299
|
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor" }),
|
|
1173
|
-
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "10", r: "3", stroke: "currentColor" }),
|
|
1174
1300
|
/* @__PURE__ */ jsx(
|
|
1175
1301
|
"path",
|
|
1176
1302
|
{
|
|
1177
|
-
d: "
|
|
1303
|
+
d: "M12 16v-4M12 8h.01",
|
|
1178
1304
|
stroke: "currentColor",
|
|
1179
1305
|
strokeLinecap: "round",
|
|
1180
1306
|
strokeLinejoin: "round"
|
|
@@ -1182,149 +1308,119 @@ function UserCircleIcon({ size = 24, ...props }) {
|
|
|
1182
1308
|
)
|
|
1183
1309
|
] });
|
|
1184
1310
|
}
|
|
1185
|
-
function
|
|
1311
|
+
function ItalicIcon({ size = 24, ...props }) {
|
|
1186
1312
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1187
1313
|
"path",
|
|
1188
1314
|
{
|
|
1189
|
-
d: "
|
|
1315
|
+
d: "M19 4h-9M14 20H5M15 4L9 20",
|
|
1190
1316
|
stroke: "currentColor",
|
|
1191
1317
|
strokeLinecap: "round",
|
|
1192
1318
|
strokeLinejoin: "round"
|
|
1193
1319
|
}
|
|
1194
1320
|
) });
|
|
1195
1321
|
}
|
|
1196
|
-
function
|
|
1197
|
-
return /* @__PURE__ */
|
|
1198
|
-
"
|
|
1199
|
-
{
|
|
1200
|
-
|
|
1201
|
-
|
|
1202
|
-
strokeLinecap: "round",
|
|
1203
|
-
strokeLinejoin: "round"
|
|
1204
|
-
}
|
|
1205
|
-
) });
|
|
1322
|
+
function KanbanIcon({ size = 24, ...props }) {
|
|
1323
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1324
|
+
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "5", height: "18", rx: "1", stroke: "currentColor" }),
|
|
1325
|
+
/* @__PURE__ */ jsx("rect", { x: "10", y: "3", width: "5", height: "18", rx: "1", stroke: "currentColor" }),
|
|
1326
|
+
/* @__PURE__ */ jsx("rect", { x: "17", y: "3", width: "5", height: "18", rx: "1", stroke: "currentColor" })
|
|
1327
|
+
] });
|
|
1206
1328
|
}
|
|
1207
|
-
function
|
|
1329
|
+
function KeyIcon({ size = 24, ...props }) {
|
|
1208
1330
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1209
1331
|
"path",
|
|
1210
1332
|
{
|
|
1211
|
-
d: "
|
|
1333
|
+
d: "M21 2l-2 2m-7.61 7.61a5.5 5.5 0 11-7.778 7.778 5.5 5.5 0 017.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4",
|
|
1212
1334
|
stroke: "currentColor",
|
|
1213
1335
|
strokeLinecap: "round",
|
|
1214
1336
|
strokeLinejoin: "round"
|
|
1215
1337
|
}
|
|
1216
1338
|
) });
|
|
1217
1339
|
}
|
|
1218
|
-
function
|
|
1340
|
+
function LandmarkIcon({ size = 24, ...props }) {
|
|
1219
1341
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1220
1342
|
"path",
|
|
1221
1343
|
{
|
|
1222
|
-
d: "
|
|
1344
|
+
d: "M3 22h18M6 18v-7M10 18v-7M14 18v-7M18 18v-7M12 2 20 7 4 7Z",
|
|
1223
1345
|
stroke: "currentColor",
|
|
1224
1346
|
strokeLinecap: "round",
|
|
1225
1347
|
strokeLinejoin: "round"
|
|
1226
1348
|
}
|
|
1227
1349
|
) });
|
|
1228
1350
|
}
|
|
1229
|
-
|
|
1351
|
+
|
|
1352
|
+
// src/icons/layers-icon.tsx
|
|
1353
|
+
var LayersIcon = /* @__PURE__ */ createIcon({
|
|
1354
|
+
name: "LayersIcon",
|
|
1355
|
+
paths: [
|
|
1356
|
+
"m12.83 2.18a2 2 0 00-1.66 0L2.6 6.08a1 1 0 000 1.83l8.58 3.91a2 2 0 001.66 0l8.58-3.9a1 1 0 000-1.83Z",
|
|
1357
|
+
"m22 17.65-9.17 4.16a2 2 0 01-1.66 0L2 17.65",
|
|
1358
|
+
"m22 12.65-9.17 4.16a2 2 0 01-1.66 0L2 12.65"
|
|
1359
|
+
]
|
|
1360
|
+
});
|
|
1361
|
+
function LayoutDashboardIcon({ size = 24, ...props }) {
|
|
1362
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1363
|
+
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "7", height: "9", rx: "1", stroke: "currentColor" }),
|
|
1364
|
+
/* @__PURE__ */ jsx("rect", { x: "14", y: "3", width: "7", height: "5", rx: "1", stroke: "currentColor" }),
|
|
1365
|
+
/* @__PURE__ */ jsx("rect", { x: "14", y: "12", width: "7", height: "9", rx: "1", stroke: "currentColor" }),
|
|
1366
|
+
/* @__PURE__ */ jsx("rect", { x: "3", y: "16", width: "7", height: "5", rx: "1", stroke: "currentColor" })
|
|
1367
|
+
] });
|
|
1368
|
+
}
|
|
1369
|
+
function LayoutGridIcon({ size = 24, ...props }) {
|
|
1370
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1371
|
+
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1", stroke: "currentColor" }),
|
|
1372
|
+
/* @__PURE__ */ jsx("rect", { x: "14", y: "3", width: "7", height: "7", rx: "1", stroke: "currentColor" }),
|
|
1373
|
+
/* @__PURE__ */ jsx("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1", stroke: "currentColor" }),
|
|
1374
|
+
/* @__PURE__ */ jsx("rect", { x: "14", y: "14", width: "7", height: "7", rx: "1", stroke: "currentColor" })
|
|
1375
|
+
] });
|
|
1376
|
+
}
|
|
1377
|
+
function LayoutListIcon({ size = 24, ...props }) {
|
|
1378
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1379
|
+
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1", stroke: "currentColor" }),
|
|
1380
|
+
/* @__PURE__ */ jsx("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1", stroke: "currentColor" }),
|
|
1381
|
+
/* @__PURE__ */ jsx("path", { d: "M14 4h7M14 9h7M14 15h7M14 20h7", stroke: "currentColor", strokeLinecap: "round" })
|
|
1382
|
+
] });
|
|
1383
|
+
}
|
|
1384
|
+
function LightningIcon({ size = 24, ...props }) {
|
|
1230
1385
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1231
1386
|
"path",
|
|
1232
1387
|
{
|
|
1233
|
-
d: "
|
|
1388
|
+
d: "M13 2L3 14h9l-1 8 10-12h-9l1-8z",
|
|
1234
1389
|
stroke: "currentColor",
|
|
1235
1390
|
strokeLinecap: "round",
|
|
1236
1391
|
strokeLinejoin: "round"
|
|
1237
1392
|
}
|
|
1238
1393
|
) });
|
|
1239
1394
|
}
|
|
1240
|
-
function
|
|
1241
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1242
|
-
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1", fill: "currentColor" }),
|
|
1243
|
-
/* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "1", fill: "currentColor" }),
|
|
1244
|
-
/* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "1", fill: "currentColor" })
|
|
1245
|
-
] });
|
|
1246
|
-
}
|
|
1247
|
-
function ChevronRightIcon({ size = 24, ...props }) {
|
|
1248
|
-
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
1249
|
-
}
|
|
1250
|
-
function ChevronLeftIcon({ size = 24, ...props }) {
|
|
1251
|
-
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
1252
|
-
}
|
|
1253
|
-
function FileIcon({ size = 24, ...props }) {
|
|
1254
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1255
|
-
/* @__PURE__ */ jsx(
|
|
1256
|
-
"path",
|
|
1257
|
-
{
|
|
1258
|
-
d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z",
|
|
1259
|
-
stroke: "currentColor",
|
|
1260
|
-
strokeLinecap: "round",
|
|
1261
|
-
strokeLinejoin: "round"
|
|
1262
|
-
}
|
|
1263
|
-
),
|
|
1264
|
-
/* @__PURE__ */ jsx("path", { d: "M14 2v6h6", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
1265
|
-
] });
|
|
1266
|
-
}
|
|
1267
|
-
function RotateCcwIcon({ size = 24, ...props }) {
|
|
1395
|
+
function Link2Icon({ size = 24, ...props }) {
|
|
1268
1396
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1269
1397
|
/* @__PURE__ */ jsx(
|
|
1270
1398
|
"path",
|
|
1271
1399
|
{
|
|
1272
|
-
d: "
|
|
1400
|
+
d: "M9 17H7A5 5 0 017 7h2",
|
|
1273
1401
|
stroke: "currentColor",
|
|
1274
1402
|
strokeLinecap: "round",
|
|
1275
1403
|
strokeLinejoin: "round"
|
|
1276
1404
|
}
|
|
1277
1405
|
),
|
|
1278
|
-
/* @__PURE__ */ jsx("path", { d: "M3 3v5h5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
1279
|
-
] });
|
|
1280
|
-
}
|
|
1281
|
-
function EyeIcon({ size = 24, ...props }) {
|
|
1282
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1283
1406
|
/* @__PURE__ */ jsx(
|
|
1284
1407
|
"path",
|
|
1285
1408
|
{
|
|
1286
|
-
d: "
|
|
1409
|
+
d: "M15 7h2a5 5 0 110 10h-2",
|
|
1287
1410
|
stroke: "currentColor",
|
|
1288
1411
|
strokeLinecap: "round",
|
|
1289
1412
|
strokeLinejoin: "round"
|
|
1290
1413
|
}
|
|
1291
1414
|
),
|
|
1292
|
-
/* @__PURE__ */ jsx("
|
|
1293
|
-
] });
|
|
1294
|
-
}
|
|
1295
|
-
function ClockIcon({ size = 24, ...props }) {
|
|
1296
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1297
|
-
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor" }),
|
|
1298
|
-
/* @__PURE__ */ jsx("path", { d: "M12 6v6h4.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
1299
|
-
] });
|
|
1300
|
-
}
|
|
1301
|
-
function LayoutListIcon({ size = 24, ...props }) {
|
|
1302
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1303
|
-
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1", stroke: "currentColor" }),
|
|
1304
|
-
/* @__PURE__ */ jsx("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1", stroke: "currentColor" }),
|
|
1305
|
-
/* @__PURE__ */ jsx("path", { d: "M14 4h7M14 9h7M14 15h7M14 20h7", stroke: "currentColor", strokeLinecap: "round" })
|
|
1306
|
-
] });
|
|
1307
|
-
}
|
|
1308
|
-
function LayoutGridIcon({ size = 24, ...props }) {
|
|
1309
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1310
|
-
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1", stroke: "currentColor" }),
|
|
1311
|
-
/* @__PURE__ */ jsx("rect", { x: "14", y: "3", width: "7", height: "7", rx: "1", stroke: "currentColor" }),
|
|
1312
|
-
/* @__PURE__ */ jsx("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1", stroke: "currentColor" }),
|
|
1313
|
-
/* @__PURE__ */ jsx("rect", { x: "14", y: "14", width: "7", height: "7", rx: "1", stroke: "currentColor" })
|
|
1314
|
-
] });
|
|
1315
|
-
}
|
|
1316
|
-
function LockIcon({ size = 24, ...props }) {
|
|
1317
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1318
|
-
/* @__PURE__ */ jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", stroke: "currentColor" }),
|
|
1319
|
-
/* @__PURE__ */ jsx("path", { d: "M7 11V7a5 5 0 0110 0v4", stroke: "currentColor", strokeLinecap: "round" })
|
|
1415
|
+
/* @__PURE__ */ jsx("line", { x1: "8", x2: "16", y1: "12", y2: "12", stroke: "currentColor", strokeLinecap: "round" })
|
|
1320
1416
|
] });
|
|
1321
1417
|
}
|
|
1322
|
-
function
|
|
1418
|
+
function LinkIcon({ size = 24, ...props }) {
|
|
1323
1419
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1324
1420
|
/* @__PURE__ */ jsx(
|
|
1325
1421
|
"path",
|
|
1326
1422
|
{
|
|
1327
|
-
d: "
|
|
1423
|
+
d: "M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71",
|
|
1328
1424
|
stroke: "currentColor",
|
|
1329
1425
|
strokeLinecap: "round",
|
|
1330
1426
|
strokeLinejoin: "round"
|
|
@@ -1333,7 +1429,7 @@ function FolderPlusIcon({ size = 24, ...props }) {
|
|
|
1333
1429
|
/* @__PURE__ */ jsx(
|
|
1334
1430
|
"path",
|
|
1335
1431
|
{
|
|
1336
|
-
d: "
|
|
1432
|
+
d: "M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71",
|
|
1337
1433
|
stroke: "currentColor",
|
|
1338
1434
|
strokeLinecap: "round",
|
|
1339
1435
|
strokeLinejoin: "round"
|
|
@@ -1341,62 +1437,40 @@ function FolderPlusIcon({ size = 24, ...props }) {
|
|
|
1341
1437
|
)
|
|
1342
1438
|
] });
|
|
1343
1439
|
}
|
|
1344
|
-
function
|
|
1345
|
-
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1346
|
-
"path",
|
|
1347
|
-
{
|
|
1348
|
-
d: "M5 9l-3 3 3 3M9 5l3-3 3 3M15 19l-3 3-3-3M19 9l3 3-3 3M2 12h20M12 2v20",
|
|
1349
|
-
stroke: "currentColor",
|
|
1350
|
-
strokeLinecap: "round",
|
|
1351
|
-
strokeLinejoin: "round"
|
|
1352
|
-
}
|
|
1353
|
-
) });
|
|
1354
|
-
}
|
|
1355
|
-
function LockKeyholeIcon({ size = 24, ...props }) {
|
|
1440
|
+
function ListChecksIcon({ size = 24, ...props }) {
|
|
1356
1441
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1357
|
-
/* @__PURE__ */ jsx("
|
|
1358
|
-
/* @__PURE__ */ jsx("
|
|
1359
|
-
/* @__PURE__ */ jsx("path", { d: "
|
|
1442
|
+
/* @__PURE__ */ jsx("path", { d: "m3 17 2 2 4-4", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
1443
|
+
/* @__PURE__ */ jsx("path", { d: "m3 7 2 2 4-4", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
1444
|
+
/* @__PURE__ */ jsx("path", { d: "M13 6h8M13 12h8M13 18h8", stroke: "currentColor", strokeLinecap: "round" })
|
|
1360
1445
|
] });
|
|
1361
1446
|
}
|
|
1362
|
-
function
|
|
1447
|
+
function ListIcon({ size = 24, ...props }) {
|
|
1363
1448
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1364
1449
|
"path",
|
|
1365
1450
|
{
|
|
1366
|
-
d: "
|
|
1451
|
+
d: "M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01",
|
|
1367
1452
|
stroke: "currentColor",
|
|
1368
1453
|
strokeLinecap: "round",
|
|
1369
1454
|
strokeLinejoin: "round"
|
|
1370
1455
|
}
|
|
1371
1456
|
) });
|
|
1372
1457
|
}
|
|
1373
|
-
function
|
|
1374
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1375
|
-
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4", stroke: "currentColor" }),
|
|
1376
|
-
/* @__PURE__ */ jsx("path", { d: "M16 8v5a3 3 0 006 0v-1a10 10 0 10-4 8", stroke: "currentColor", strokeLinecap: "round" })
|
|
1377
|
-
] });
|
|
1378
|
-
}
|
|
1379
|
-
function ZoomInIcon({ size = 24, ...props }) {
|
|
1458
|
+
function ListOrderedIcon({ size = 24, ...props }) {
|
|
1380
1459
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1381
|
-
/* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8", stroke: "currentColor" }),
|
|
1382
1460
|
/* @__PURE__ */ jsx(
|
|
1383
1461
|
"path",
|
|
1384
1462
|
{
|
|
1385
|
-
d: "
|
|
1463
|
+
d: "M10 6h11M10 12h11M10 18h11",
|
|
1386
1464
|
stroke: "currentColor",
|
|
1465
|
+
strokeWidth: "2",
|
|
1387
1466
|
strokeLinecap: "round",
|
|
1388
1467
|
strokeLinejoin: "round"
|
|
1389
1468
|
}
|
|
1390
|
-
)
|
|
1391
|
-
] });
|
|
1392
|
-
}
|
|
1393
|
-
function ZoomOutIcon({ size = 24, ...props }) {
|
|
1394
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1395
|
-
/* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8", stroke: "currentColor" }),
|
|
1469
|
+
),
|
|
1396
1470
|
/* @__PURE__ */ jsx(
|
|
1397
1471
|
"path",
|
|
1398
1472
|
{
|
|
1399
|
-
d: "
|
|
1473
|
+
d: "M4 6h1v4M3 10h3M6 18H3l3-4",
|
|
1400
1474
|
stroke: "currentColor",
|
|
1401
1475
|
strokeLinecap: "round",
|
|
1402
1476
|
strokeLinejoin: "round"
|
|
@@ -1404,24 +1478,40 @@ function ZoomOutIcon({ size = 24, ...props }) {
|
|
|
1404
1478
|
)
|
|
1405
1479
|
] });
|
|
1406
1480
|
}
|
|
1407
|
-
function
|
|
1408
|
-
return /* @__PURE__ */ jsx(Icon, { size, strokeWidth, ...props, children: /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6l12 12", stroke: "currentColor", strokeLinecap: "round" }) });
|
|
1409
|
-
}
|
|
1410
|
-
function MessageCircleWarningIcon({ size = 24, ...props }) {
|
|
1481
|
+
function LoaderIcon({ size = 24, ...props }) {
|
|
1411
1482
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1483
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeOpacity: 0.25 }),
|
|
1412
1484
|
/* @__PURE__ */ jsx(
|
|
1413
1485
|
"path",
|
|
1414
1486
|
{
|
|
1415
|
-
d: "
|
|
1487
|
+
d: "M4 12a8 8 0 018-8",
|
|
1416
1488
|
stroke: "currentColor",
|
|
1417
1489
|
strokeLinecap: "round",
|
|
1418
1490
|
strokeLinejoin: "round"
|
|
1419
1491
|
}
|
|
1420
|
-
)
|
|
1492
|
+
)
|
|
1493
|
+
] });
|
|
1494
|
+
}
|
|
1495
|
+
function LockIcon({ size = 24, ...props }) {
|
|
1496
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1497
|
+
/* @__PURE__ */ jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", stroke: "currentColor" }),
|
|
1498
|
+
/* @__PURE__ */ jsx("path", { d: "M7 11V7a5 5 0 0110 0v4", stroke: "currentColor", strokeLinecap: "round" })
|
|
1499
|
+
] });
|
|
1500
|
+
}
|
|
1501
|
+
function LockKeyholeIcon({ size = 24, ...props }) {
|
|
1502
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1503
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "16", r: "1", fill: "currentColor" }),
|
|
1504
|
+
/* @__PURE__ */ jsx("rect", { x: "3", y: "10", width: "18", height: "12", rx: "2", stroke: "currentColor" }),
|
|
1505
|
+
/* @__PURE__ */ jsx("path", { d: "M7 10V7a5 5 0 0110 0v3", stroke: "currentColor", strokeLinecap: "round" })
|
|
1506
|
+
] });
|
|
1507
|
+
}
|
|
1508
|
+
function LockOpenIcon({ size = 24, ...props }) {
|
|
1509
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1510
|
+
/* @__PURE__ */ jsx("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", stroke: "currentColor" }),
|
|
1421
1511
|
/* @__PURE__ */ jsx(
|
|
1422
1512
|
"path",
|
|
1423
1513
|
{
|
|
1424
|
-
d: "
|
|
1514
|
+
d: "M7 11V7a5 5 0 0 1 9.9-1",
|
|
1425
1515
|
stroke: "currentColor",
|
|
1426
1516
|
strokeLinecap: "round",
|
|
1427
1517
|
strokeLinejoin: "round"
|
|
@@ -1429,24 +1519,24 @@ function MessageCircleWarningIcon({ size = 24, ...props }) {
|
|
|
1429
1519
|
)
|
|
1430
1520
|
] });
|
|
1431
1521
|
}
|
|
1432
|
-
function
|
|
1522
|
+
function LogOutIcon({ size = 24, ...props }) {
|
|
1433
1523
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1434
1524
|
"path",
|
|
1435
1525
|
{
|
|
1436
|
-
d: "
|
|
1526
|
+
d: "M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4M16 17l5-5-5-5M21 12H9",
|
|
1437
1527
|
stroke: "currentColor",
|
|
1438
1528
|
strokeLinecap: "round",
|
|
1439
1529
|
strokeLinejoin: "round"
|
|
1440
1530
|
}
|
|
1441
1531
|
) });
|
|
1442
1532
|
}
|
|
1443
|
-
function
|
|
1533
|
+
function MailIcon({ size = 24, ...props }) {
|
|
1444
1534
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1445
|
-
/* @__PURE__ */ jsx("rect", {
|
|
1535
|
+
/* @__PURE__ */ jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", stroke: "currentColor" }),
|
|
1446
1536
|
/* @__PURE__ */ jsx(
|
|
1447
1537
|
"path",
|
|
1448
1538
|
{
|
|
1449
|
-
d: "
|
|
1539
|
+
d: "M22 7l-10 6L2 7",
|
|
1450
1540
|
stroke: "currentColor",
|
|
1451
1541
|
strokeLinecap: "round",
|
|
1452
1542
|
strokeLinejoin: "round"
|
|
@@ -1454,6 +1544,29 @@ function LockOpenIcon({ size = 24, ...props }) {
|
|
|
1454
1544
|
)
|
|
1455
1545
|
] });
|
|
1456
1546
|
}
|
|
1547
|
+
function MapPinIcon({ size = 24, ...props }) {
|
|
1548
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1549
|
+
/* @__PURE__ */ jsx(
|
|
1550
|
+
"path",
|
|
1551
|
+
{
|
|
1552
|
+
d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 1116 0z",
|
|
1553
|
+
stroke: "currentColor",
|
|
1554
|
+
strokeLinecap: "round",
|
|
1555
|
+
strokeLinejoin: "round"
|
|
1556
|
+
}
|
|
1557
|
+
),
|
|
1558
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "10", r: "3", stroke: "currentColor" })
|
|
1559
|
+
] });
|
|
1560
|
+
}
|
|
1561
|
+
|
|
1562
|
+
// src/icons/maximize-icon.tsx
|
|
1563
|
+
var MaximizeIcon = /* @__PURE__ */ createIcon({
|
|
1564
|
+
name: "MaximizeIcon",
|
|
1565
|
+
paths: "M8 3H5a2 2 0 00-2 2v3M21 8V5a2 2 0 00-2-2h-3M3 16v3a2 2 0 002 2h3M16 21h3a2 2 0 002-2v-3"
|
|
1566
|
+
});
|
|
1567
|
+
function MenuIcon({ size = 24, ...props }) {
|
|
1568
|
+
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx("path", { d: "M3 12h18M3 6h18M3 18h18", stroke: "currentColor", strokeLinecap: "round" }) });
|
|
1569
|
+
}
|
|
1457
1570
|
function MessageCircleIcon({ size = 24, ...props }) {
|
|
1458
1571
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1459
1572
|
"path",
|
|
@@ -1465,37 +1578,21 @@ function MessageCircleIcon({ size = 24, ...props }) {
|
|
|
1465
1578
|
}
|
|
1466
1579
|
) });
|
|
1467
1580
|
}
|
|
1468
|
-
function
|
|
1469
|
-
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1470
|
-
"path",
|
|
1471
|
-
{
|
|
1472
|
-
d: "M17 3a2.83 2.83 0 114 4L7.5 20.5 2 22l1.5-5.5L17 3z",
|
|
1473
|
-
stroke: "currentColor",
|
|
1474
|
-
strokeLinecap: "round",
|
|
1475
|
-
strokeLinejoin: "round"
|
|
1476
|
-
}
|
|
1477
|
-
) });
|
|
1478
|
-
}
|
|
1479
|
-
function CopyIcon({ size = 24, ...props }) {
|
|
1581
|
+
function MessageCircleWarningIcon({ size = 24, ...props }) {
|
|
1480
1582
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1481
|
-
/* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", stroke: "currentColor", fill: "none" }),
|
|
1482
1583
|
/* @__PURE__ */ jsx(
|
|
1483
1584
|
"path",
|
|
1484
1585
|
{
|
|
1485
|
-
d: "
|
|
1586
|
+
d: "M7.9 20A9 9 0 1 0 4 16.1L2 22z",
|
|
1486
1587
|
stroke: "currentColor",
|
|
1487
|
-
|
|
1588
|
+
strokeLinecap: "round",
|
|
1589
|
+
strokeLinejoin: "round"
|
|
1488
1590
|
}
|
|
1489
|
-
)
|
|
1490
|
-
] });
|
|
1491
|
-
}
|
|
1492
|
-
function MonitorIcon({ size = 24, ...props }) {
|
|
1493
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1494
|
-
/* @__PURE__ */ jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", stroke: "currentColor" }),
|
|
1591
|
+
),
|
|
1495
1592
|
/* @__PURE__ */ jsx(
|
|
1496
1593
|
"path",
|
|
1497
1594
|
{
|
|
1498
|
-
d: "
|
|
1595
|
+
d: "M12 8v4M12 16h.01",
|
|
1499
1596
|
stroke: "currentColor",
|
|
1500
1597
|
strokeLinecap: "round",
|
|
1501
1598
|
strokeLinejoin: "round"
|
|
@@ -1503,53 +1600,86 @@ function MonitorIcon({ size = 24, ...props }) {
|
|
|
1503
1600
|
)
|
|
1504
1601
|
] });
|
|
1505
1602
|
}
|
|
1506
|
-
|
|
1603
|
+
|
|
1604
|
+
// src/icons/mic-icon.tsx
|
|
1605
|
+
var MicIcon = /* @__PURE__ */ createIcon({
|
|
1606
|
+
name: "MicIcon",
|
|
1607
|
+
paths: [
|
|
1608
|
+
"M12 2a3 3 0 00-3 3v7a3 3 0 006 0V5a3 3 0 00-3-3Z",
|
|
1609
|
+
"M19 10v2a7 7 0 01-14 0v-2",
|
|
1610
|
+
"M12 19v3"
|
|
1611
|
+
]
|
|
1612
|
+
});
|
|
1613
|
+
function MicrosoftBrandIcon({ size = 24, ...props }) {
|
|
1507
1614
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1508
|
-
/* @__PURE__ */ jsx("rect", { x: "
|
|
1509
|
-
/* @__PURE__ */ jsx("
|
|
1615
|
+
/* @__PURE__ */ jsx("rect", { x: "1", y: "1", width: "10", height: "10", fill: "#F25022" }),
|
|
1616
|
+
/* @__PURE__ */ jsx("rect", { x: "13", y: "1", width: "10", height: "10", fill: "#7FBA00" }),
|
|
1617
|
+
/* @__PURE__ */ jsx("rect", { x: "1", y: "13", width: "10", height: "10", fill: "#00A4EF" }),
|
|
1618
|
+
/* @__PURE__ */ jsx("rect", { x: "13", y: "13", width: "10", height: "10", fill: "#FFB900" })
|
|
1510
1619
|
] });
|
|
1511
1620
|
}
|
|
1512
|
-
|
|
1621
|
+
|
|
1622
|
+
// src/icons/minimize-icon.tsx
|
|
1623
|
+
var MinimizeIcon = /* @__PURE__ */ createIcon({
|
|
1624
|
+
name: "MinimizeIcon",
|
|
1625
|
+
paths: "M8 3v3a2 2 0 01-2 2H3M21 8h-3a2 2 0 01-2-2V3M3 16h3a2 2 0 012 2v3M16 21v-3a2 2 0 012-2h3"
|
|
1626
|
+
});
|
|
1627
|
+
function MinusIcon({ size = 24, ...props }) {
|
|
1628
|
+
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx("path", { d: "M5 12h14", stroke: "currentColor", strokeLinecap: "round" }) });
|
|
1629
|
+
}
|
|
1630
|
+
function MonitorIcon({ size = 24, ...props }) {
|
|
1513
1631
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1632
|
+
/* @__PURE__ */ jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", stroke: "currentColor" }),
|
|
1514
1633
|
/* @__PURE__ */ jsx(
|
|
1515
1634
|
"path",
|
|
1516
1635
|
{
|
|
1517
|
-
d: "
|
|
1636
|
+
d: "M8 21h8M12 17v4",
|
|
1518
1637
|
stroke: "currentColor",
|
|
1519
1638
|
strokeLinecap: "round",
|
|
1520
1639
|
strokeLinejoin: "round"
|
|
1521
1640
|
}
|
|
1522
|
-
)
|
|
1523
|
-
/* @__PURE__ */ jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13", stroke: "currentColor", strokeLinecap: "round" }),
|
|
1524
|
-
/* @__PURE__ */ jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17", stroke: "currentColor", strokeLinecap: "round" })
|
|
1641
|
+
)
|
|
1525
1642
|
] });
|
|
1526
1643
|
}
|
|
1527
|
-
|
|
1528
|
-
function ArrowLeftIcon({ size = 24, ...props }) {
|
|
1644
|
+
function MoonIcon({ size = 24, ...props }) {
|
|
1529
1645
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1530
1646
|
"path",
|
|
1531
1647
|
{
|
|
1532
|
-
d: "
|
|
1648
|
+
d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z",
|
|
1533
1649
|
stroke: "currentColor",
|
|
1534
1650
|
strokeLinecap: "round",
|
|
1535
1651
|
strokeLinejoin: "round"
|
|
1536
1652
|
}
|
|
1537
1653
|
) });
|
|
1538
1654
|
}
|
|
1539
|
-
function
|
|
1655
|
+
function MoreHorizontalIcon({ size = 24, ...props }) {
|
|
1540
1656
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1541
|
-
/* @__PURE__ */ jsx("
|
|
1542
|
-
/* @__PURE__ */ jsx("
|
|
1543
|
-
/* @__PURE__ */ jsx("
|
|
1657
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1", fill: "currentColor" }),
|
|
1658
|
+
/* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "1", fill: "currentColor" }),
|
|
1659
|
+
/* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "1", fill: "currentColor" })
|
|
1544
1660
|
] });
|
|
1545
1661
|
}
|
|
1546
|
-
function
|
|
1662
|
+
function MoveIcon({ size = 24, ...props }) {
|
|
1663
|
+
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1664
|
+
"path",
|
|
1665
|
+
{
|
|
1666
|
+
d: "M5 9l-3 3 3 3M9 5l3-3 3 3M15 19l-3 3-3-3M19 9l3 3-3 3M2 12h20M12 2v20",
|
|
1667
|
+
stroke: "currentColor",
|
|
1668
|
+
strokeLinecap: "round",
|
|
1669
|
+
strokeLinejoin: "round"
|
|
1670
|
+
}
|
|
1671
|
+
) });
|
|
1672
|
+
}
|
|
1673
|
+
function PaletteIcon({ size = 24, ...props }) {
|
|
1547
1674
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1548
|
-
/* @__PURE__ */ jsx("circle", { cx: "
|
|
1675
|
+
/* @__PURE__ */ jsx("circle", { cx: "13.5", cy: "6.5", r: "1.5", fill: "currentColor" }),
|
|
1676
|
+
/* @__PURE__ */ jsx("circle", { cx: "17.5", cy: "10.5", r: "1.5", fill: "currentColor" }),
|
|
1677
|
+
/* @__PURE__ */ jsx("circle", { cx: "8.5", cy: "7.5", r: "1.5", fill: "currentColor" }),
|
|
1678
|
+
/* @__PURE__ */ jsx("circle", { cx: "6.5", cy: "12.5", r: "1.5", fill: "currentColor" }),
|
|
1549
1679
|
/* @__PURE__ */ jsx(
|
|
1550
1680
|
"path",
|
|
1551
1681
|
{
|
|
1552
|
-
d: "M12
|
|
1682
|
+
d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.93 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.04-.23-.29-.38-.63-.38-1.04 0-.83.67-1.5 1.5-1.5H16c3.31 0 6-2.69 6-6 0-5.5-4.5-9.92-10-9.92z",
|
|
1553
1683
|
stroke: "currentColor",
|
|
1554
1684
|
strokeLinecap: "round",
|
|
1555
1685
|
strokeLinejoin: "round"
|
|
@@ -1557,192 +1687,196 @@ function AlertCircleIcon({ size = 24, ...props }) {
|
|
|
1557
1687
|
)
|
|
1558
1688
|
] });
|
|
1559
1689
|
}
|
|
1560
|
-
function
|
|
1690
|
+
function PanelLeftCloseIcon({ size = 24, ...props }) {
|
|
1691
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1692
|
+
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: "currentColor" }),
|
|
1693
|
+
/* @__PURE__ */ jsx("path", { d: "M9 3v18", stroke: "currentColor" }),
|
|
1694
|
+
/* @__PURE__ */ jsx("path", { d: "M15 9l-3 3 3 3", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
1695
|
+
] });
|
|
1696
|
+
}
|
|
1697
|
+
function PanelLeftIcon({ size = 24, ...props }) {
|
|
1698
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1699
|
+
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: "currentColor" }),
|
|
1700
|
+
/* @__PURE__ */ jsx("path", { d: "M9 3v18", stroke: "currentColor" })
|
|
1701
|
+
] });
|
|
1702
|
+
}
|
|
1703
|
+
var PanelRightIcon = /* @__PURE__ */ createIcon({
|
|
1704
|
+
name: "PanelRightIcon",
|
|
1705
|
+
paths: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
1706
|
+
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: "currentColor" }),
|
|
1707
|
+
/* @__PURE__ */ jsx("path", { d: "M15 3v18", stroke: "currentColor" })
|
|
1708
|
+
] })
|
|
1709
|
+
});
|
|
1710
|
+
function PaperclipIcon({ size = 24, ...props }) {
|
|
1561
1711
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1562
1712
|
"path",
|
|
1563
1713
|
{
|
|
1564
|
-
d: "
|
|
1714
|
+
d: "M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48",
|
|
1565
1715
|
stroke: "currentColor",
|
|
1566
1716
|
strokeLinecap: "round",
|
|
1567
1717
|
strokeLinejoin: "round"
|
|
1568
1718
|
}
|
|
1569
1719
|
) });
|
|
1570
1720
|
}
|
|
1571
|
-
function
|
|
1721
|
+
function PauseIcon({ size = 24, ...props }) {
|
|
1722
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1723
|
+
/* @__PURE__ */ jsx("rect", { x: "7", y: "5", width: "3.5", height: "14", rx: "1", fill: "currentColor" }),
|
|
1724
|
+
/* @__PURE__ */ jsx("rect", { x: "13.5", y: "5", width: "3.5", height: "14", rx: "1", fill: "currentColor" })
|
|
1725
|
+
] });
|
|
1726
|
+
}
|
|
1727
|
+
function PenSignIcon({ size = 24, ...props }) {
|
|
1572
1728
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1573
1729
|
"path",
|
|
1574
1730
|
{
|
|
1575
|
-
d: "
|
|
1731
|
+
d: "M17 3a2.83 2.83 0 114 4L7.5 20.5 2 22l1.5-5.5L17 3z",
|
|
1576
1732
|
stroke: "currentColor",
|
|
1577
1733
|
strokeLinecap: "round",
|
|
1578
1734
|
strokeLinejoin: "round"
|
|
1579
1735
|
}
|
|
1580
1736
|
) });
|
|
1581
1737
|
}
|
|
1582
|
-
function
|
|
1738
|
+
function PenToolIcon({ size = 24, ...props }) {
|
|
1583
1739
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1584
|
-
/* @__PURE__ */ jsx("rect", { x: "2", y: "7", width: "20", height: "14", rx: "2", stroke: "currentColor" }),
|
|
1585
1740
|
/* @__PURE__ */ jsx(
|
|
1586
1741
|
"path",
|
|
1587
1742
|
{
|
|
1588
|
-
d: "
|
|
1743
|
+
d: "M15.7 21.3a1 1 0 01-1.4 0l-1.6-1.6a1 1 0 010-1.4l5.6-5.6a1 1 0 011.4 0l1.6 1.6a1 1 0 010 1.4zM18 13l-1.4-6.9a1 1 0 00-.7-.8L3.2 2a1 1 0 00-1.2 1.2l3.3 12.7a1 1 0 00.8.7L13 18M2.3 2.3l7.3 7.3",
|
|
1589
1744
|
stroke: "currentColor",
|
|
1590
1745
|
strokeLinecap: "round",
|
|
1591
1746
|
strokeLinejoin: "round"
|
|
1592
1747
|
}
|
|
1593
|
-
)
|
|
1594
|
-
] });
|
|
1595
|
-
}
|
|
1596
|
-
function Building2Icon({ size = 24, ...props }) {
|
|
1597
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1598
|
-
/* @__PURE__ */ jsx(
|
|
1599
|
-
"path",
|
|
1600
|
-
{
|
|
1601
|
-
d: "M6 22V4a2 2 0 012-2h8a2 2 0 012 2v18Z",
|
|
1602
|
-
stroke: "currentColor",
|
|
1603
|
-
strokeLinejoin: "round"
|
|
1604
|
-
}
|
|
1605
|
-
),
|
|
1606
|
-
/* @__PURE__ */ jsx("path", { d: "M6 12H4a2 2 0 00-2 2v6a2 2 0 002 2h2", stroke: "currentColor", strokeLinejoin: "round" }),
|
|
1607
|
-
/* @__PURE__ */ jsx(
|
|
1608
|
-
"path",
|
|
1609
|
-
{
|
|
1610
|
-
d: "M18 9h2a2 2 0 012 2v9a2 2 0 01-2 2h-2",
|
|
1611
|
-
stroke: "currentColor",
|
|
1612
|
-
strokeLinejoin: "round"
|
|
1613
|
-
}
|
|
1614
1748
|
),
|
|
1615
|
-
/* @__PURE__ */ jsx("
|
|
1616
|
-
] });
|
|
1617
|
-
}
|
|
1618
|
-
function CheckCircle2Icon({ size = 24, ...props }) {
|
|
1619
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1620
|
-
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor" }),
|
|
1621
|
-
/* @__PURE__ */ jsx("path", { d: "m9 12 2 2 4-4", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
1749
|
+
/* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "2", stroke: "currentColor" })
|
|
1622
1750
|
] });
|
|
1623
1751
|
}
|
|
1624
|
-
function
|
|
1752
|
+
function PencilIcon({ size = 24, ...props }) {
|
|
1625
1753
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1626
1754
|
"path",
|
|
1627
1755
|
{
|
|
1628
|
-
d: "
|
|
1756
|
+
d: "M17 3a2.828 2.828 0 114 4L7.5 20.5 2 22l1.5-5.5L17 3z",
|
|
1629
1757
|
stroke: "currentColor",
|
|
1630
1758
|
strokeLinecap: "round",
|
|
1631
1759
|
strokeLinejoin: "round"
|
|
1632
1760
|
}
|
|
1633
1761
|
) });
|
|
1634
1762
|
}
|
|
1635
|
-
function
|
|
1636
|
-
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor" }) });
|
|
1637
|
-
}
|
|
1638
|
-
function CircleDotIcon({ size = 24, ...props }) {
|
|
1639
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1640
|
-
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor" }),
|
|
1641
|
-
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1", fill: "currentColor" })
|
|
1642
|
-
] });
|
|
1643
|
-
}
|
|
1644
|
-
function CommandIcon({ size = 24, ...props }) {
|
|
1763
|
+
function PhoneIcon({ size = 24, ...props }) {
|
|
1645
1764
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1646
1765
|
"path",
|
|
1647
1766
|
{
|
|
1648
|
-
d: "
|
|
1767
|
+
d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z",
|
|
1649
1768
|
stroke: "currentColor",
|
|
1769
|
+
strokeLinecap: "round",
|
|
1650
1770
|
strokeLinejoin: "round"
|
|
1651
1771
|
}
|
|
1652
1772
|
) });
|
|
1653
1773
|
}
|
|
1654
|
-
function
|
|
1774
|
+
function PlayIcon({ size = 24, ...props }) {
|
|
1655
1775
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1656
1776
|
"path",
|
|
1657
1777
|
{
|
|
1658
|
-
d: "
|
|
1778
|
+
d: "M8 5.14v13.72a1 1 0 001.54.84l10.78-6.86a1 1 0 000-1.68L9.54 4.3A1 1 0 008 5.14z",
|
|
1779
|
+
fill: "currentColor",
|
|
1659
1780
|
stroke: "currentColor",
|
|
1660
|
-
strokeLinecap: "round",
|
|
1661
1781
|
strokeLinejoin: "round"
|
|
1662
1782
|
}
|
|
1663
1783
|
) });
|
|
1664
1784
|
}
|
|
1665
|
-
function
|
|
1785
|
+
function PlusIcon({ size = 24, ...props }) {
|
|
1666
1786
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1667
1787
|
"path",
|
|
1668
1788
|
{
|
|
1669
|
-
d: "
|
|
1789
|
+
d: "M12 5v14M5 12h14",
|
|
1670
1790
|
stroke: "currentColor",
|
|
1671
1791
|
strokeLinecap: "round",
|
|
1672
1792
|
strokeLinejoin: "round"
|
|
1673
1793
|
}
|
|
1674
1794
|
) });
|
|
1675
1795
|
}
|
|
1676
|
-
function
|
|
1796
|
+
function ReceiptIcon({ size = 24, ...props }) {
|
|
1677
1797
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1678
1798
|
/* @__PURE__ */ jsx(
|
|
1679
1799
|
"path",
|
|
1680
1800
|
{
|
|
1681
|
-
d: "
|
|
1801
|
+
d: "M4 2v20l3-2 3 2 3-2 3 2 3-2 3 2V2l-3 2-3-2-3 2-3-2-3 2-3-2z",
|
|
1682
1802
|
stroke: "currentColor",
|
|
1683
1803
|
strokeLinecap: "round",
|
|
1684
1804
|
strokeLinejoin: "round"
|
|
1685
1805
|
}
|
|
1686
1806
|
),
|
|
1687
|
-
/* @__PURE__ */ jsx("path", { d: "
|
|
1807
|
+
/* @__PURE__ */ jsx("path", { d: "M8 10h8M8 14h4", stroke: "currentColor", strokeLinecap: "round" })
|
|
1688
1808
|
] });
|
|
1689
1809
|
}
|
|
1690
|
-
|
|
1810
|
+
|
|
1811
|
+
// src/icons/refresh-cw-icon.tsx
|
|
1812
|
+
var RefreshCwIcon = /* @__PURE__ */ createIcon({
|
|
1813
|
+
name: "RefreshCwIcon",
|
|
1814
|
+
paths: [
|
|
1815
|
+
"M3 12a9 9 0 019-9 9.75 9.75 0 016.74 2.74L21 8",
|
|
1816
|
+
"M21 3v5h-5",
|
|
1817
|
+
"M21 12a9 9 0 01-9 9 9.75 9.75 0 01-6.74-2.74L3 16",
|
|
1818
|
+
"M8 16H3v5"
|
|
1819
|
+
]
|
|
1820
|
+
});
|
|
1821
|
+
function ReplyIcon({ size = 24, ...props }) {
|
|
1822
|
+
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1823
|
+
"path",
|
|
1824
|
+
{
|
|
1825
|
+
d: "M9 17l-5-5 5-5M4 12h12a4 4 0 010 8h-1",
|
|
1826
|
+
stroke: "currentColor",
|
|
1827
|
+
strokeLinecap: "round",
|
|
1828
|
+
strokeLinejoin: "round"
|
|
1829
|
+
}
|
|
1830
|
+
) });
|
|
1831
|
+
}
|
|
1832
|
+
function RotateCcwIcon({ size = 24, ...props }) {
|
|
1691
1833
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1692
1834
|
/* @__PURE__ */ jsx(
|
|
1693
1835
|
"path",
|
|
1694
1836
|
{
|
|
1695
|
-
d: "
|
|
1837
|
+
d: "M3 12a9 9 0 109-9 9.75 9.75 0 00-6.74 2.74L3 8",
|
|
1696
1838
|
stroke: "currentColor",
|
|
1697
1839
|
strokeLinecap: "round",
|
|
1698
1840
|
strokeLinejoin: "round"
|
|
1699
1841
|
}
|
|
1700
1842
|
),
|
|
1843
|
+
/* @__PURE__ */ jsx("path", { d: "M3 3v5h5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
1844
|
+
] });
|
|
1845
|
+
}
|
|
1846
|
+
function SaveIcon({ size = 24, ...props }) {
|
|
1847
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1701
1848
|
/* @__PURE__ */ jsx(
|
|
1702
1849
|
"path",
|
|
1703
1850
|
{
|
|
1704
|
-
d: "
|
|
1851
|
+
d: "M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z",
|
|
1705
1852
|
stroke: "currentColor",
|
|
1706
1853
|
strokeLinecap: "round",
|
|
1707
1854
|
strokeLinejoin: "round"
|
|
1708
1855
|
}
|
|
1709
|
-
)
|
|
1710
|
-
] });
|
|
1711
|
-
}
|
|
1712
|
-
function ListChecksIcon({ size = 24, ...props }) {
|
|
1713
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1714
|
-
/* @__PURE__ */ jsx("path", { d: "m3 17 2 2 4-4", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
1715
|
-
/* @__PURE__ */ jsx("path", { d: "m3 7 2 2 4-4", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
1716
|
-
/* @__PURE__ */ jsx("path", { d: "M13 6h8M13 12h8M13 18h8", stroke: "currentColor", strokeLinecap: "round" })
|
|
1717
|
-
] });
|
|
1718
|
-
}
|
|
1719
|
-
function MinusIcon({ size = 24, ...props }) {
|
|
1720
|
-
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx("path", { d: "M5 12h14", stroke: "currentColor", strokeLinecap: "round" }) });
|
|
1721
|
-
}
|
|
1722
|
-
function SlashIcon({ size = 24, ...props }) {
|
|
1723
|
-
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx("path", { d: "M22 2 2 22", stroke: "currentColor", strokeLinecap: "round" }) });
|
|
1724
|
-
}
|
|
1725
|
-
function SparklesIcon({ size = 24, ...props }) {
|
|
1726
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1856
|
+
),
|
|
1727
1857
|
/* @__PURE__ */ jsx(
|
|
1728
1858
|
"path",
|
|
1729
1859
|
{
|
|
1730
|
-
d: "
|
|
1860
|
+
d: "M17 21v-8H7v8M7 3v5h8",
|
|
1731
1861
|
stroke: "currentColor",
|
|
1732
1862
|
strokeLinecap: "round",
|
|
1733
1863
|
strokeLinejoin: "round"
|
|
1734
1864
|
}
|
|
1735
|
-
)
|
|
1736
|
-
/* @__PURE__ */ jsx("path", { d: "M5 3v4M3 5h4M19 17v4M17 19h4", stroke: "currentColor", strokeLinecap: "round" })
|
|
1865
|
+
)
|
|
1737
1866
|
] });
|
|
1738
1867
|
}
|
|
1739
|
-
function
|
|
1868
|
+
function SearchIcon({ size = 24, ...props }) {
|
|
1869
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1870
|
+
/* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8", stroke: "currentColor" }),
|
|
1871
|
+
/* @__PURE__ */ jsx("path", { d: "M21 21l-4.35-4.35", stroke: "currentColor", strokeLinecap: "round" })
|
|
1872
|
+
] });
|
|
1873
|
+
}
|
|
1874
|
+
function SendIcon({ size = 24, ...props }) {
|
|
1740
1875
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1741
|
-
/* @__PURE__ */ jsx("path", { d: "M3 6h18", stroke: "currentColor", strokeLinecap: "round" }),
|
|
1742
1876
|
/* @__PURE__ */ jsx(
|
|
1743
1877
|
"path",
|
|
1744
1878
|
{
|
|
1745
|
-
d: "
|
|
1879
|
+
d: "M14.536 21.686a.5.5 0 00.937-.024l6.5-19a.496.496 0 00-.635-.635l-19 6.5a.5.5 0 00-.024.937l7.93 3.18a2 2 0 011.112 1.11z",
|
|
1746
1880
|
stroke: "currentColor",
|
|
1747
1881
|
strokeLinecap: "round",
|
|
1748
1882
|
strokeLinejoin: "round"
|
|
@@ -1751,163 +1885,113 @@ function Trash2Icon({ size = 24, ...props }) {
|
|
|
1751
1885
|
/* @__PURE__ */ jsx(
|
|
1752
1886
|
"path",
|
|
1753
1887
|
{
|
|
1754
|
-
d: "
|
|
1888
|
+
d: "M21.854 2.147l-10.94 10.939",
|
|
1755
1889
|
stroke: "currentColor",
|
|
1756
1890
|
strokeLinecap: "round",
|
|
1757
1891
|
strokeLinejoin: "round"
|
|
1758
1892
|
}
|
|
1759
|
-
)
|
|
1760
|
-
/* @__PURE__ */ jsx("line", { x1: "10", y1: "11", x2: "10", y2: "17", stroke: "currentColor", strokeLinecap: "round" }),
|
|
1761
|
-
/* @__PURE__ */ jsx("line", { x1: "14", y1: "11", x2: "14", y2: "17", stroke: "currentColor", strokeLinecap: "round" })
|
|
1893
|
+
)
|
|
1762
1894
|
] });
|
|
1763
1895
|
}
|
|
1764
|
-
function
|
|
1896
|
+
function SettingsIcon({ size = 24, ...props }) {
|
|
1765
1897
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1898
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3", stroke: "currentColor" }),
|
|
1766
1899
|
/* @__PURE__ */ jsx(
|
|
1767
1900
|
"path",
|
|
1768
1901
|
{
|
|
1769
|
-
d: "
|
|
1902
|
+
d: "M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 01-2.83 2.83l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z",
|
|
1770
1903
|
stroke: "currentColor",
|
|
1771
1904
|
strokeLinecap: "round",
|
|
1772
1905
|
strokeLinejoin: "round"
|
|
1773
1906
|
}
|
|
1774
|
-
)
|
|
1775
|
-
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "7", r: "4", stroke: "currentColor" })
|
|
1907
|
+
)
|
|
1776
1908
|
] });
|
|
1777
1909
|
}
|
|
1778
|
-
function
|
|
1779
|
-
return /* @__PURE__ */ jsx(Icon, { size, strokeWidth, ...props, children: /* @__PURE__ */ jsx(
|
|
1780
|
-
"path",
|
|
1781
|
-
{
|
|
1782
|
-
d: "M6 4h8a4 4 0 014 4 4 4 0 01-4 4H6zM6 12h9a4 4 0 014 4 4 4 0 01-4 4H6z",
|
|
1783
|
-
stroke: "currentColor",
|
|
1784
|
-
strokeLinecap: "round",
|
|
1785
|
-
strokeLinejoin: "round"
|
|
1786
|
-
}
|
|
1787
|
-
) });
|
|
1788
|
-
}
|
|
1789
|
-
function ItalicIcon({ size = 24, ...props }) {
|
|
1910
|
+
function ShieldIcon({ size = 24, ...props }) {
|
|
1790
1911
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1791
1912
|
"path",
|
|
1792
1913
|
{
|
|
1793
|
-
d: "
|
|
1914
|
+
d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z",
|
|
1794
1915
|
stroke: "currentColor",
|
|
1795
1916
|
strokeLinecap: "round",
|
|
1796
1917
|
strokeLinejoin: "round"
|
|
1797
1918
|
}
|
|
1798
1919
|
) });
|
|
1799
1920
|
}
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
|
|
1803
|
-
|
|
1804
|
-
|
|
1805
|
-
|
|
1806
|
-
|
|
1807
|
-
|
|
1808
|
-
}
|
|
1809
|
-
) });
|
|
1921
|
+
|
|
1922
|
+
// src/icons/sigma-icon.tsx
|
|
1923
|
+
var SigmaIcon = /* @__PURE__ */ createIcon({
|
|
1924
|
+
name: "SigmaIcon",
|
|
1925
|
+
paths: "M18 7V5a1 1 0 00-1-1H6.5a.5.5 0 00-.4.8l4.5 6a2 2 0 010 2.4l-4.5 6a.5.5 0 00.4.8H17a1 1 0 001-1v-2"
|
|
1926
|
+
});
|
|
1927
|
+
function SlashIcon({ size = 24, ...props }) {
|
|
1928
|
+
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx("path", { d: "M22 2 2 22", stroke: "currentColor", strokeLinecap: "round" }) });
|
|
1810
1929
|
}
|
|
1811
|
-
function
|
|
1812
|
-
return /* @__PURE__ */
|
|
1813
|
-
"
|
|
1814
|
-
{
|
|
1815
|
-
|
|
1816
|
-
stroke: "currentColor",
|
|
1817
|
-
strokeLinecap: "round",
|
|
1818
|
-
strokeLinejoin: "round"
|
|
1819
|
-
}
|
|
1820
|
-
) });
|
|
1930
|
+
function SmartphoneIcon({ size = 24, ...props }) {
|
|
1931
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1932
|
+
/* @__PURE__ */ jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "2", stroke: "currentColor" }),
|
|
1933
|
+
/* @__PURE__ */ jsx("path", { d: "M12 18h.01", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
1934
|
+
] });
|
|
1821
1935
|
}
|
|
1822
|
-
function
|
|
1936
|
+
function SparkleIcon({ size = 24, ...props }) {
|
|
1823
1937
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1824
1938
|
"path",
|
|
1825
1939
|
{
|
|
1826
|
-
d: "
|
|
1940
|
+
d: "M12 2l2.09 6.26L20.18 9l-5 4.36L16.82 20 12 16.77 7.18 20l1.64-6.64-5-4.36 6.09-.74L12 2z",
|
|
1827
1941
|
stroke: "currentColor",
|
|
1828
1942
|
strokeLinecap: "round",
|
|
1829
1943
|
strokeLinejoin: "round"
|
|
1830
1944
|
}
|
|
1831
1945
|
) });
|
|
1832
1946
|
}
|
|
1833
|
-
function
|
|
1834
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1835
|
-
/* @__PURE__ */ jsx(
|
|
1836
|
-
"path",
|
|
1837
|
-
{
|
|
1838
|
-
d: "M10 6h11M10 12h11M10 18h11",
|
|
1839
|
-
stroke: "currentColor",
|
|
1840
|
-
strokeWidth: "2",
|
|
1841
|
-
strokeLinecap: "round",
|
|
1842
|
-
strokeLinejoin: "round"
|
|
1843
|
-
}
|
|
1844
|
-
),
|
|
1845
|
-
/* @__PURE__ */ jsx(
|
|
1846
|
-
"path",
|
|
1847
|
-
{
|
|
1848
|
-
d: "M4 6h1v4M3 10h3M6 18H3l3-4",
|
|
1849
|
-
stroke: "currentColor",
|
|
1850
|
-
strokeLinecap: "round",
|
|
1851
|
-
strokeLinejoin: "round"
|
|
1852
|
-
}
|
|
1853
|
-
)
|
|
1854
|
-
] });
|
|
1855
|
-
}
|
|
1856
|
-
function InfoIcon({ size = 24, ...props }) {
|
|
1857
|
-
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1858
|
-
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor" }),
|
|
1859
|
-
/* @__PURE__ */ jsx(
|
|
1860
|
-
"path",
|
|
1861
|
-
{
|
|
1862
|
-
d: "M12 16v-4M12 8h.01",
|
|
1863
|
-
stroke: "currentColor",
|
|
1864
|
-
strokeLinecap: "round",
|
|
1865
|
-
strokeLinejoin: "round"
|
|
1866
|
-
}
|
|
1867
|
-
)
|
|
1868
|
-
] });
|
|
1869
|
-
}
|
|
1870
|
-
function HelpCircleIcon({ size = 24, ...props }) {
|
|
1947
|
+
function SparklesIcon({ size = 24, ...props }) {
|
|
1871
1948
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1872
|
-
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor" }),
|
|
1873
1949
|
/* @__PURE__ */ jsx(
|
|
1874
1950
|
"path",
|
|
1875
1951
|
{
|
|
1876
|
-
d: "
|
|
1952
|
+
d: "m12 3-1.91 5.79a2 2 0 01-1.3 1.3L3 12l5.79 1.91a2 2 0 011.3 1.3L12 21l1.91-5.79a2 2 0 011.3-1.3L21 12l-5.79-1.91a2 2 0 01-1.3-1.3L12 3Z",
|
|
1877
1953
|
stroke: "currentColor",
|
|
1878
1954
|
strokeLinecap: "round",
|
|
1879
1955
|
strokeLinejoin: "round"
|
|
1880
1956
|
}
|
|
1881
|
-
)
|
|
1957
|
+
),
|
|
1958
|
+
/* @__PURE__ */ jsx("path", { d: "M5 3v4M3 5h4M19 17v4M17 19h4", stroke: "currentColor", strokeLinecap: "round" })
|
|
1882
1959
|
] });
|
|
1883
1960
|
}
|
|
1884
|
-
function
|
|
1961
|
+
function StarIcon({ size = 24, ...props }) {
|
|
1885
1962
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1886
1963
|
"path",
|
|
1887
1964
|
{
|
|
1888
|
-
d: "M12
|
|
1889
|
-
|
|
1890
|
-
strokeLinecap: "round",
|
|
1891
|
-
strokeLinejoin: "round"
|
|
1965
|
+
d: "M12 2l2.09 6.26L20.18 9l-5 4.36L16.82 20 12 16.77 7.18 20l1.64-6.64-5-4.36 6.09-.74L12 2z",
|
|
1966
|
+
fill: "currentColor"
|
|
1892
1967
|
}
|
|
1893
1968
|
) });
|
|
1894
1969
|
}
|
|
1895
|
-
function
|
|
1970
|
+
function StopIcon({ size = 24, ...props }) {
|
|
1971
|
+
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2", fill: "currentColor" }) });
|
|
1972
|
+
}
|
|
1973
|
+
function StrikethroughIcon({ size = 24, ...props }) {
|
|
1896
1974
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1897
1975
|
"path",
|
|
1898
1976
|
{
|
|
1899
|
-
d: "
|
|
1977
|
+
d: "M16 4H9a3 3 0 000 6h6a3 3 0 010 6H8M4 12h16",
|
|
1900
1978
|
stroke: "currentColor",
|
|
1901
1979
|
strokeLinecap: "round",
|
|
1902
1980
|
strokeLinejoin: "round"
|
|
1903
1981
|
}
|
|
1904
1982
|
) });
|
|
1905
1983
|
}
|
|
1906
|
-
function
|
|
1984
|
+
function SunIcon({ size = 24, ...props }) {
|
|
1907
1985
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1908
|
-
/* @__PURE__ */ jsx("
|
|
1909
|
-
/* @__PURE__ */ jsx(
|
|
1910
|
-
|
|
1986
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4", stroke: "currentColor" }),
|
|
1987
|
+
/* @__PURE__ */ jsx(
|
|
1988
|
+
"path",
|
|
1989
|
+
{
|
|
1990
|
+
d: "M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41",
|
|
1991
|
+
stroke: "currentColor",
|
|
1992
|
+
strokeLinecap: "round"
|
|
1993
|
+
}
|
|
1994
|
+
)
|
|
1911
1995
|
] });
|
|
1912
1996
|
}
|
|
1913
1997
|
function TableIcon({ size = 24, ...props }) {
|
|
@@ -1924,145 +2008,127 @@ function TableIcon({ size = 24, ...props }) {
|
|
|
1924
2008
|
)
|
|
1925
2009
|
] });
|
|
1926
2010
|
}
|
|
1927
|
-
function
|
|
1928
|
-
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
1929
|
-
"path",
|
|
1930
|
-
{
|
|
1931
|
-
d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8M3 3v5h5M12 7v5l4 2",
|
|
1932
|
-
stroke: "currentColor",
|
|
1933
|
-
strokeLinecap: "round",
|
|
1934
|
-
strokeLinejoin: "round"
|
|
1935
|
-
}
|
|
1936
|
-
) });
|
|
1937
|
-
}
|
|
1938
|
-
function SaveIcon({ size = 24, ...props }) {
|
|
2011
|
+
function TagIcon({ size = 24, ...props }) {
|
|
1939
2012
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1940
2013
|
/* @__PURE__ */ jsx(
|
|
1941
2014
|
"path",
|
|
1942
2015
|
{
|
|
1943
|
-
d: "
|
|
2016
|
+
d: "M12.586 2.586A2 2 0 0011.172 2H4a2 2 0 00-2 2v7.172a2 2 0 00.586 1.414l8.704 8.704a2.426 2.426 0 003.42 0l6.58-6.58a2.426 2.426 0 000-3.42z",
|
|
1944
2017
|
stroke: "currentColor",
|
|
1945
2018
|
strokeLinecap: "round",
|
|
1946
2019
|
strokeLinejoin: "round"
|
|
1947
2020
|
}
|
|
1948
2021
|
),
|
|
1949
|
-
/* @__PURE__ */ jsx(
|
|
1950
|
-
"path",
|
|
1951
|
-
{
|
|
1952
|
-
d: "M17 21v-8H7v8M7 3v5h8",
|
|
1953
|
-
stroke: "currentColor",
|
|
1954
|
-
strokeLinecap: "round",
|
|
1955
|
-
strokeLinejoin: "round"
|
|
1956
|
-
}
|
|
1957
|
-
)
|
|
2022
|
+
/* @__PURE__ */ jsx("circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor", stroke: "currentColor", strokeWidth: "1" })
|
|
1958
2023
|
] });
|
|
1959
2024
|
}
|
|
1960
|
-
function
|
|
2025
|
+
function TeamIcon({ size = 24, ...props }) {
|
|
1961
2026
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
1962
|
-
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeOpacity: 0.25 }),
|
|
1963
2027
|
/* @__PURE__ */ jsx(
|
|
1964
2028
|
"path",
|
|
1965
2029
|
{
|
|
1966
|
-
d: "
|
|
2030
|
+
d: "M18 21v-2a4 4 0 00-4-4H10a4 4 0 00-4 4v2",
|
|
1967
2031
|
stroke: "currentColor",
|
|
1968
2032
|
strokeLinecap: "round",
|
|
1969
2033
|
strokeLinejoin: "round"
|
|
1970
2034
|
}
|
|
1971
|
-
)
|
|
2035
|
+
),
|
|
2036
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "7", r: "4", stroke: "currentColor" }),
|
|
2037
|
+
/* @__PURE__ */ jsx("path", { d: "M22 11h-4M20 9v4", stroke: "currentColor", strokeLinecap: "round" })
|
|
1972
2038
|
] });
|
|
1973
2039
|
}
|
|
1974
|
-
|
|
2040
|
+
|
|
2041
|
+
// src/icons/thumbs-down-icon.tsx
|
|
2042
|
+
var ThumbsDownIcon = /* @__PURE__ */ createIcon({
|
|
2043
|
+
name: "ThumbsDownIcon",
|
|
2044
|
+
paths: [
|
|
2045
|
+
"M17 14V2",
|
|
2046
|
+
"M9 18.12 10 14H4.17a2 2 0 01-1.92-2.56l2.33-8A2 2 0 016.5 2H20a2 2 0 012 2v8a2 2 0 01-2 2h-2.76a2 2 0 00-1.79 1.11L12 22a3.13 3.13 0 01-3-3.88Z"
|
|
2047
|
+
]
|
|
2048
|
+
});
|
|
2049
|
+
|
|
2050
|
+
// src/icons/thumbs-up-icon.tsx
|
|
2051
|
+
var ThumbsUpIcon = /* @__PURE__ */ createIcon({
|
|
2052
|
+
name: "ThumbsUpIcon",
|
|
2053
|
+
paths: [
|
|
2054
|
+
"M7 10v12",
|
|
2055
|
+
"M15 5.88 14 10h5.83a2 2 0 011.92 2.56l-2.33 8A2 2 0 0117.5 22H4a2 2 0 01-2-2v-8a2 2 0 012-2h2.76a2 2 0 001.79-1.11L12 2a3.13 3.13 0 013 3.88Z"
|
|
2056
|
+
]
|
|
2057
|
+
});
|
|
2058
|
+
|
|
2059
|
+
// src/icons/timer-icon.tsx
|
|
2060
|
+
var TimerIcon = /* @__PURE__ */ createIcon({
|
|
2061
|
+
name: "TimerIcon",
|
|
2062
|
+
paths: ["M10 2h4", "m12 14 3-3", "M20 14a8 8 0 11-16 0 8 8 0 0116 0z"]
|
|
2063
|
+
});
|
|
2064
|
+
function Trash2Icon({ size = 24, ...props }) {
|
|
1975
2065
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
2066
|
+
/* @__PURE__ */ jsx("path", { d: "M3 6h18", stroke: "currentColor", strokeLinecap: "round" }),
|
|
1976
2067
|
/* @__PURE__ */ jsx(
|
|
1977
2068
|
"path",
|
|
1978
2069
|
{
|
|
1979
|
-
|
|
1980
|
-
|
|
2070
|
+
d: "M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6",
|
|
2071
|
+
stroke: "currentColor",
|
|
2072
|
+
strokeLinecap: "round",
|
|
2073
|
+
strokeLinejoin: "round"
|
|
1981
2074
|
}
|
|
1982
2075
|
),
|
|
1983
2076
|
/* @__PURE__ */ jsx(
|
|
1984
2077
|
"path",
|
|
1985
2078
|
{
|
|
1986
|
-
|
|
1987
|
-
|
|
2079
|
+
d: "M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2",
|
|
2080
|
+
stroke: "currentColor",
|
|
2081
|
+
strokeLinecap: "round",
|
|
2082
|
+
strokeLinejoin: "round"
|
|
1988
2083
|
}
|
|
1989
2084
|
),
|
|
2085
|
+
/* @__PURE__ */ jsx("line", { x1: "10", y1: "11", x2: "10", y2: "17", stroke: "currentColor", strokeLinecap: "round" }),
|
|
2086
|
+
/* @__PURE__ */ jsx("line", { x1: "14", y1: "11", x2: "14", y2: "17", stroke: "currentColor", strokeLinecap: "round" })
|
|
2087
|
+
] });
|
|
2088
|
+
}
|
|
2089
|
+
function TrashIcon({ size = 24, ...props }) {
|
|
2090
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
2091
|
+
/* @__PURE__ */ jsx("path", { d: "M3 6h18", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
1990
2092
|
/* @__PURE__ */ jsx(
|
|
1991
2093
|
"path",
|
|
1992
2094
|
{
|
|
1993
|
-
|
|
1994
|
-
|
|
2095
|
+
d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",
|
|
2096
|
+
stroke: "currentColor",
|
|
2097
|
+
strokeLinecap: "round",
|
|
2098
|
+
strokeLinejoin: "round"
|
|
1995
2099
|
}
|
|
1996
2100
|
),
|
|
1997
2101
|
/* @__PURE__ */ jsx(
|
|
1998
2102
|
"path",
|
|
1999
2103
|
{
|
|
2000
|
-
|
|
2001
|
-
|
|
2104
|
+
d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",
|
|
2105
|
+
stroke: "currentColor",
|
|
2106
|
+
strokeLinecap: "round",
|
|
2107
|
+
strokeLinejoin: "round"
|
|
2002
2108
|
}
|
|
2003
2109
|
)
|
|
2004
2110
|
] });
|
|
2005
2111
|
}
|
|
2006
|
-
|
|
2007
|
-
|
|
2008
|
-
|
|
2009
|
-
/* @__PURE__ */ jsx("rect", { x: "13", y: "1", width: "10", height: "10", fill: "#7FBA00" }),
|
|
2010
|
-
/* @__PURE__ */ jsx("rect", { x: "1", y: "13", width: "10", height: "10", fill: "#00A4EF" }),
|
|
2011
|
-
/* @__PURE__ */ jsx("rect", { x: "13", y: "13", width: "10", height: "10", fill: "#FFB900" })
|
|
2012
|
-
] });
|
|
2013
|
-
}
|
|
2014
|
-
function FilterIcon({ size = 24, ...props }) {
|
|
2015
|
-
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
2016
|
-
"path",
|
|
2017
|
-
{
|
|
2018
|
-
d: "M3 4h18l-7 8v6l-4 2v-8L3 4z",
|
|
2019
|
-
stroke: "currentColor",
|
|
2020
|
-
strokeLinecap: "round",
|
|
2021
|
-
strokeLinejoin: "round"
|
|
2022
|
-
}
|
|
2023
|
-
) });
|
|
2024
|
-
}
|
|
2025
|
-
function CheckCircleSolidIcon({ size = 24, ...props }) {
|
|
2026
|
-
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
2027
|
-
"path",
|
|
2028
|
-
{
|
|
2029
|
-
fillRule: "evenodd",
|
|
2030
|
-
clipRule: "evenodd",
|
|
2031
|
-
fill: "currentColor",
|
|
2032
|
-
d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 0 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z"
|
|
2033
|
-
}
|
|
2034
|
-
) });
|
|
2035
|
-
}
|
|
2036
|
-
function XCircleSolidIcon({ size = 24, ...props }) {
|
|
2037
|
-
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
2038
|
-
"path",
|
|
2039
|
-
{
|
|
2040
|
-
fillRule: "evenodd",
|
|
2041
|
-
clipRule: "evenodd",
|
|
2042
|
-
fill: "currentColor",
|
|
2043
|
-
d: "M12 2.25C6.615 2.25 2.25 6.615 2.25 12s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 0 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z"
|
|
2044
|
-
}
|
|
2045
|
-
) });
|
|
2046
|
-
}
|
|
2047
|
-
function AlertTriangleSolidIcon({ size = 24, ...props }) {
|
|
2048
|
-
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
2112
|
+
var TrashSolidIcon = /* @__PURE__ */ createIcon({
|
|
2113
|
+
name: "TrashSolidIcon",
|
|
2114
|
+
paths: /* @__PURE__ */ jsx(
|
|
2049
2115
|
"path",
|
|
2050
2116
|
{
|
|
2051
2117
|
fillRule: "evenodd",
|
|
2052
2118
|
clipRule: "evenodd",
|
|
2053
2119
|
fill: "currentColor",
|
|
2054
|
-
d: "
|
|
2120
|
+
d: "M10 2h4a1 1 0 011 1v1h4a1 1 0 110 2H5a1 1 0 110-2h4V3a1 1 0 011-1zM6 7.5h12l-.87 12.14a2 2 0 01-1.99 1.86H8.86a2 2 0 01-1.99-1.86L6 7.5zm3.75 3v7a.75.75 0 001.5 0v-7a.75.75 0 00-1.5 0zm3 0v7a.75.75 0 001.5 0v-7a.75.75 0 00-1.5 0z"
|
|
2055
2121
|
}
|
|
2056
|
-
)
|
|
2057
|
-
}
|
|
2058
|
-
function
|
|
2122
|
+
)
|
|
2123
|
+
});
|
|
2124
|
+
function TrendingDownIcon({ size = 24, ...props }) {
|
|
2059
2125
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
2060
2126
|
"path",
|
|
2061
2127
|
{
|
|
2062
|
-
|
|
2063
|
-
|
|
2064
|
-
|
|
2065
|
-
|
|
2128
|
+
d: "M2 7l6.5 6.5 5-5L22 17M16 17h6v-6",
|
|
2129
|
+
stroke: "currentColor",
|
|
2130
|
+
strokeLinecap: "round",
|
|
2131
|
+
strokeLinejoin: "round"
|
|
2066
2132
|
}
|
|
2067
2133
|
) });
|
|
2068
2134
|
}
|
|
@@ -2077,167 +2143,137 @@ function TrendingUpIcon({ size = 24, ...props }) {
|
|
|
2077
2143
|
}
|
|
2078
2144
|
) });
|
|
2079
2145
|
}
|
|
2080
|
-
function
|
|
2146
|
+
function UnderlineIcon({ size = 24, ...props }) {
|
|
2081
2147
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
2082
2148
|
"path",
|
|
2083
2149
|
{
|
|
2084
|
-
d: "
|
|
2150
|
+
d: "M6 3v7a6 6 0 006 6 6 6 0 006-6V3M4 21h16",
|
|
2085
2151
|
stroke: "currentColor",
|
|
2086
2152
|
strokeLinecap: "round",
|
|
2087
2153
|
strokeLinejoin: "round"
|
|
2088
2154
|
}
|
|
2089
2155
|
) });
|
|
2090
2156
|
}
|
|
2091
|
-
function
|
|
2157
|
+
function UploadIcon({ size = 24, ...props }) {
|
|
2092
2158
|
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
2093
2159
|
"path",
|
|
2094
2160
|
{
|
|
2095
|
-
d: "
|
|
2096
|
-
fill: "currentColor",
|
|
2161
|
+
d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M17 8l-5-5-5 5M12 3v12",
|
|
2097
2162
|
stroke: "currentColor",
|
|
2163
|
+
strokeLinecap: "round",
|
|
2098
2164
|
strokeLinejoin: "round"
|
|
2099
2165
|
}
|
|
2100
2166
|
) });
|
|
2101
2167
|
}
|
|
2102
|
-
function
|
|
2168
|
+
function UserCircleIcon({ size = 24, ...props }) {
|
|
2103
2169
|
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
2104
|
-
/* @__PURE__ */ jsx("
|
|
2105
|
-
/* @__PURE__ */ jsx("
|
|
2170
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor" }),
|
|
2171
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "10", r: "3", stroke: "currentColor" }),
|
|
2172
|
+
/* @__PURE__ */ jsx(
|
|
2173
|
+
"path",
|
|
2174
|
+
{
|
|
2175
|
+
d: "M7 20.662V19a2 2 0 012-2h6a2 2 0 012 2v1.662",
|
|
2176
|
+
stroke: "currentColor",
|
|
2177
|
+
strokeLinecap: "round",
|
|
2178
|
+
strokeLinejoin: "round"
|
|
2179
|
+
}
|
|
2180
|
+
)
|
|
2106
2181
|
] });
|
|
2107
2182
|
}
|
|
2108
|
-
function
|
|
2109
|
-
return /* @__PURE__ */
|
|
2110
|
-
|
|
2111
|
-
|
|
2112
|
-
|
|
2113
|
-
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
|
|
2117
|
-
|
|
2118
|
-
|
|
2119
|
-
/* @__PURE__ */ jsx("circle", { cx: "
|
|
2120
|
-
] })
|
|
2121
|
-
}
|
|
2122
|
-
|
|
2123
|
-
|
|
2124
|
-
|
|
2125
|
-
|
|
2126
|
-
|
|
2127
|
-
|
|
2128
|
-
|
|
2129
|
-
|
|
2130
|
-
|
|
2131
|
-
|
|
2132
|
-
|
|
2133
|
-
|
|
2134
|
-
|
|
2135
|
-
|
|
2136
|
-
]
|
|
2137
|
-
});
|
|
2138
|
-
var ThumbsUpIcon = createIcon({
|
|
2139
|
-
name: "ThumbsUpIcon",
|
|
2140
|
-
paths: [
|
|
2141
|
-
"M7 10v12",
|
|
2142
|
-
"M15 5.88 14 10h5.83a2 2 0 011.92 2.56l-2.33 8A2 2 0 0117.5 22H4a2 2 0 01-2-2v-8a2 2 0 012-2h2.76a2 2 0 001.79-1.11L12 2a3.13 3.13 0 013 3.88Z"
|
|
2143
|
-
]
|
|
2144
|
-
});
|
|
2145
|
-
var ThumbsDownIcon = createIcon({
|
|
2146
|
-
name: "ThumbsDownIcon",
|
|
2147
|
-
paths: [
|
|
2148
|
-
"M17 14V2",
|
|
2149
|
-
"M9 18.12 10 14H4.17a2 2 0 01-1.92-2.56l2.33-8A2 2 0 016.5 2H20a2 2 0 012 2v8a2 2 0 01-2 2h-2.76a2 2 0 00-1.79 1.11L12 22a3.13 3.13 0 01-3-3.88Z"
|
|
2150
|
-
]
|
|
2151
|
-
});
|
|
2152
|
-
var LayersIcon = createIcon({
|
|
2153
|
-
name: "LayersIcon",
|
|
2154
|
-
paths: [
|
|
2155
|
-
"m12.83 2.18a2 2 0 00-1.66 0L2.6 6.08a1 1 0 000 1.83l8.58 3.91a2 2 0 001.66 0l8.58-3.9a1 1 0 000-1.83Z",
|
|
2156
|
-
"m22 17.65-9.17 4.16a2 2 0 01-1.66 0L2 17.65",
|
|
2157
|
-
"m22 12.65-9.17 4.16a2 2 0 01-1.66 0L2 12.65"
|
|
2158
|
-
]
|
|
2159
|
-
});
|
|
2160
|
-
var SigmaIcon = createIcon({
|
|
2161
|
-
name: "SigmaIcon",
|
|
2162
|
-
paths: "M18 7V5a1 1 0 00-1-1H6.5a.5.5 0 00-.4.8l4.5 6a2 2 0 010 2.4l-4.5 6a.5.5 0 00.4.8H17a1 1 0 001-1v-2"
|
|
2163
|
-
});
|
|
2164
|
-
var VideoIcon = createIcon({
|
|
2183
|
+
function UserIcon({ size = 24, ...props }) {
|
|
2184
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
2185
|
+
/* @__PURE__ */ jsx(
|
|
2186
|
+
"path",
|
|
2187
|
+
{
|
|
2188
|
+
d: "M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2",
|
|
2189
|
+
stroke: "currentColor",
|
|
2190
|
+
strokeLinecap: "round",
|
|
2191
|
+
strokeLinejoin: "round"
|
|
2192
|
+
}
|
|
2193
|
+
),
|
|
2194
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "7", r: "4", stroke: "currentColor" })
|
|
2195
|
+
] });
|
|
2196
|
+
}
|
|
2197
|
+
function UsersIcon({ size = 24, ...props }) {
|
|
2198
|
+
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
2199
|
+
"path",
|
|
2200
|
+
{
|
|
2201
|
+
d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75",
|
|
2202
|
+
stroke: "currentColor",
|
|
2203
|
+
strokeLinecap: "round",
|
|
2204
|
+
strokeLinejoin: "round"
|
|
2205
|
+
}
|
|
2206
|
+
) });
|
|
2207
|
+
}
|
|
2208
|
+
|
|
2209
|
+
// src/icons/video-icon.tsx
|
|
2210
|
+
var VideoIcon = /* @__PURE__ */ createIcon({
|
|
2165
2211
|
name: "VideoIcon",
|
|
2166
2212
|
paths: [
|
|
2167
2213
|
"m16 13 5.223 3.482a.5.5 0 00.777-.416V7.87a.5.5 0 00-.752-.432L16 10.5",
|
|
2168
2214
|
"M4 6h10a2 2 0 012 2v8a2 2 0 01-2 2H4a2 2 0 01-2-2V8a2 2 0 012-2z"
|
|
2169
2215
|
]
|
|
2170
2216
|
});
|
|
2171
|
-
|
|
2172
|
-
|
|
2173
|
-
|
|
2174
|
-
"M12 2a3 3 0 00-3 3v7a3 3 0 006 0V5a3 3 0 00-3-3Z",
|
|
2175
|
-
"M19 10v2a7 7 0 01-14 0v-2",
|
|
2176
|
-
"M12 19v3"
|
|
2177
|
-
]
|
|
2178
|
-
});
|
|
2179
|
-
var Volume2Icon = createIcon({
|
|
2217
|
+
|
|
2218
|
+
// src/icons/volume-2-icon.tsx
|
|
2219
|
+
var Volume2Icon = /* @__PURE__ */ createIcon({
|
|
2180
2220
|
name: "Volume2Icon",
|
|
2181
2221
|
paths: ["M11 5 6 9H2v6h4l5 4V5z", "M15.54 8.46a5 5 0 010 7.07", "M19.07 4.93a10 10 0 010 14.14"]
|
|
2182
2222
|
});
|
|
2183
|
-
|
|
2223
|
+
|
|
2224
|
+
// src/icons/volume-x-icon.tsx
|
|
2225
|
+
var VolumeXIcon = /* @__PURE__ */ createIcon({
|
|
2184
2226
|
name: "VolumeXIcon",
|
|
2185
2227
|
paths: ["M11 5 6 9H2v6h4l5 4V5z", "m22 9-6 6", "m16 9 6 6"]
|
|
2186
2228
|
});
|
|
2187
|
-
|
|
2188
|
-
|
|
2189
|
-
|
|
2190
|
-
"
|
|
2191
|
-
"
|
|
2192
|
-
"
|
|
2193
|
-
"
|
|
2194
|
-
]
|
|
2195
|
-
}
|
|
2196
|
-
|
|
2197
|
-
|
|
2198
|
-
paths: ["M10 2h4", "m12 14 3-3", "M20 14a8 8 0 11-16 0 8 8 0 0116 0z"]
|
|
2199
|
-
});
|
|
2200
|
-
var BrainIcon = createIcon({
|
|
2201
|
-
name: "BrainIcon",
|
|
2202
|
-
paths: [
|
|
2203
|
-
"M12 5a3 3 0 10-5.997.125 4 4 0 00-2.526 5.77 4 4 0 00.556 6.588A4 4 0 1012 18Z",
|
|
2204
|
-
"M12 5a3 3 0 115.997.125 4 4 0 012.526 5.77 4 4 0 01-.556 6.588A4 4 0 1112 18Z",
|
|
2205
|
-
"M15 13a4.5 4.5 0 01-3-4 4.5 4.5 0 01-3 4",
|
|
2206
|
-
"M17.599 6.5a3 3 0 00.399-1.375",
|
|
2207
|
-
"M6.003 5.125A3 3 0 006.401 6.5",
|
|
2208
|
-
"M3.477 10.896a4 4 0 01.585-.396",
|
|
2209
|
-
"M19.938 10.5a4 4 0 01.585.396",
|
|
2210
|
-
"M6 18a4 4 0 01-1.967-.516",
|
|
2211
|
-
"M19.967 17.484A4 4 0 0118 18"
|
|
2212
|
-
]
|
|
2213
|
-
});
|
|
2214
|
-
var ExternalLinkIcon = createIcon({
|
|
2215
|
-
name: "ExternalLinkIcon",
|
|
2216
|
-
paths: ["M15 3h6v6", "M10 14 21 3", "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"]
|
|
2217
|
-
});
|
|
2218
|
-
var PanelRightIcon = createIcon({
|
|
2219
|
-
name: "PanelRightIcon",
|
|
2220
|
-
paths: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
2221
|
-
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: "currentColor" }),
|
|
2222
|
-
/* @__PURE__ */ jsx("path", { d: "M15 3v18", stroke: "currentColor" })
|
|
2223
|
-
] })
|
|
2224
|
-
});
|
|
2225
|
-
var ChevronsDownUpIcon = createIcon({
|
|
2226
|
-
name: "ChevronsDownUpIcon",
|
|
2227
|
-
paths: "m7 20 5-5 5 5M7 4l5 5 5-5"
|
|
2228
|
-
});
|
|
2229
|
-
var TrashSolidIcon = createIcon({
|
|
2230
|
-
name: "TrashSolidIcon",
|
|
2231
|
-
paths: /* @__PURE__ */ jsx(
|
|
2229
|
+
function WorkflowIcon({ size = 24, ...props }) {
|
|
2230
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
2231
|
+
/* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "6", height: "6", rx: "1", stroke: "currentColor" }),
|
|
2232
|
+
/* @__PURE__ */ jsx("rect", { x: "15", y: "3", width: "6", height: "6", rx: "1", stroke: "currentColor" }),
|
|
2233
|
+
/* @__PURE__ */ jsx("rect", { x: "9", y: "15", width: "6", height: "6", rx: "1", stroke: "currentColor" }),
|
|
2234
|
+
/* @__PURE__ */ jsx("path", { d: "M6 9v3a3 3 0 003 3h6a3 3 0 003-3V9", stroke: "currentColor", strokeLinecap: "round" }),
|
|
2235
|
+
/* @__PURE__ */ jsx("path", { d: "M12 12v3", stroke: "currentColor", strokeLinecap: "round" })
|
|
2236
|
+
] });
|
|
2237
|
+
}
|
|
2238
|
+
function XCircleSolidIcon({ size = 24, ...props }) {
|
|
2239
|
+
return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
|
|
2232
2240
|
"path",
|
|
2233
2241
|
{
|
|
2234
2242
|
fillRule: "evenodd",
|
|
2235
2243
|
clipRule: "evenodd",
|
|
2236
2244
|
fill: "currentColor",
|
|
2237
|
-
d: "
|
|
2245
|
+
d: "M12 2.25C6.615 2.25 2.25 6.615 2.25 12s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 0 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z"
|
|
2238
2246
|
}
|
|
2239
|
-
)
|
|
2240
|
-
}
|
|
2247
|
+
) });
|
|
2248
|
+
}
|
|
2249
|
+
function ZoomInIcon({ size = 24, ...props }) {
|
|
2250
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
2251
|
+
/* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8", stroke: "currentColor" }),
|
|
2252
|
+
/* @__PURE__ */ jsx(
|
|
2253
|
+
"path",
|
|
2254
|
+
{
|
|
2255
|
+
d: "M21 21l-4.35-4.35M11 8v6M8 11h6",
|
|
2256
|
+
stroke: "currentColor",
|
|
2257
|
+
strokeLinecap: "round",
|
|
2258
|
+
strokeLinejoin: "round"
|
|
2259
|
+
}
|
|
2260
|
+
)
|
|
2261
|
+
] });
|
|
2262
|
+
}
|
|
2263
|
+
function ZoomOutIcon({ size = 24, ...props }) {
|
|
2264
|
+
return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
|
|
2265
|
+
/* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8", stroke: "currentColor" }),
|
|
2266
|
+
/* @__PURE__ */ jsx(
|
|
2267
|
+
"path",
|
|
2268
|
+
{
|
|
2269
|
+
d: "M21 21l-4.35-4.35M8 11h6",
|
|
2270
|
+
stroke: "currentColor",
|
|
2271
|
+
strokeLinecap: "round",
|
|
2272
|
+
strokeLinejoin: "round"
|
|
2273
|
+
}
|
|
2274
|
+
)
|
|
2275
|
+
] });
|
|
2276
|
+
}
|
|
2241
2277
|
var Accordion = React39.forwardRef(function Accordion2({ className, ...props }, ref) {
|
|
2242
2278
|
return /* @__PURE__ */ jsx(
|
|
2243
2279
|
AccordionPrimitive.Root,
|
|
@@ -2351,6 +2387,7 @@ defineAnatomy("message-composer", [
|
|
|
2351
2387
|
]);
|
|
2352
2388
|
var codeAnatomy = defineAnatomy("code", ["root", "content"]);
|
|
2353
2389
|
var kbdAnatomy = defineAnatomy("kbd", ["root"]);
|
|
2390
|
+
var pressableAnatomy = defineAnatomy("pressable", ["root"]);
|
|
2354
2391
|
var buttonAnatomy = defineAnatomy("button", ["root", "icon-start", "icon-end", "spinner"]);
|
|
2355
2392
|
var linkButtonAnatomy = defineAnatomy("link-button", ["root", "icon-start", "icon-end"]);
|
|
2356
2393
|
var badgeAnatomy = defineAnatomy("badge", ["root", "dot", "icon"]);
|
|
@@ -2536,12 +2573,31 @@ var headingAnatomy = defineAnatomy("heading", ["root"]);
|
|
|
2536
2573
|
var stackAnatomy = defineAnatomy("stack", ["root"]);
|
|
2537
2574
|
var inlineAnatomy = defineAnatomy("inline", ["root"]);
|
|
2538
2575
|
var surfaceAnatomy = defineAnatomy("surface", ["root"]);
|
|
2576
|
+
var avatarAnatomy = defineAnatomy("avatar", [
|
|
2577
|
+
"root",
|
|
2578
|
+
"frame",
|
|
2579
|
+
"image",
|
|
2580
|
+
"fallback",
|
|
2581
|
+
"status"
|
|
2582
|
+
]);
|
|
2583
|
+
var cardAnatomy = defineAnatomy("card", [
|
|
2584
|
+
"root",
|
|
2585
|
+
"header",
|
|
2586
|
+
"title",
|
|
2587
|
+
"description",
|
|
2588
|
+
"action",
|
|
2589
|
+
"content",
|
|
2590
|
+
"footer"
|
|
2591
|
+
]);
|
|
2592
|
+
var statusBadgeAnatomy = defineAnatomy("status-badge", ["root", "indicator", "label"]);
|
|
2593
|
+
var iconButtonAnatomy = defineAnatomy("icon-button", ["root", "icon", "spinner"]);
|
|
2594
|
+
var chipAnatomy = defineAnatomy("chip", ["root", "icon", "label", "count", "remove"]);
|
|
2539
2595
|
|
|
2540
2596
|
// src/foundation/anatomy/slot.ts
|
|
2541
2597
|
function slot(anatomy, part) {
|
|
2542
2598
|
return { "data-slot": anatomy.attr(part) };
|
|
2543
2599
|
}
|
|
2544
|
-
var BOOLEAN_STATES = ["disabled", "invalid", "loading", "selected"];
|
|
2600
|
+
var BOOLEAN_STATES = ["disabled", "invalid", "loading", "selected", "pressed"];
|
|
2545
2601
|
var VALUE_STATES = ["state", "size", "variant", "intent", "orientation"];
|
|
2546
2602
|
function stateAttributes(input) {
|
|
2547
2603
|
const attributes = {};
|
|
@@ -2865,6 +2921,31 @@ var AspectRatio = React39.forwardRef(function AspectRatio2({ className, ratio =
|
|
|
2865
2921
|
);
|
|
2866
2922
|
});
|
|
2867
2923
|
AspectRatio.displayName = AspectRatioPrimitive.Root.displayName;
|
|
2924
|
+
function setRef(ref, value) {
|
|
2925
|
+
if (typeof ref === "function") {
|
|
2926
|
+
const result = ref(value);
|
|
2927
|
+
return typeof result === "function" ? result : void 0;
|
|
2928
|
+
}
|
|
2929
|
+
if (ref !== null && ref !== void 0) {
|
|
2930
|
+
ref.current = value;
|
|
2931
|
+
}
|
|
2932
|
+
return void 0;
|
|
2933
|
+
}
|
|
2934
|
+
function mergeRefs(...refs) {
|
|
2935
|
+
return (value) => {
|
|
2936
|
+
const cleanups = refs.map((ref) => setRef(ref, value));
|
|
2937
|
+
return () => {
|
|
2938
|
+
refs.forEach((ref, index) => {
|
|
2939
|
+
const cleanup = cleanups[index];
|
|
2940
|
+
if (cleanup) cleanup();
|
|
2941
|
+
else setRef(ref, null);
|
|
2942
|
+
});
|
|
2943
|
+
};
|
|
2944
|
+
};
|
|
2945
|
+
}
|
|
2946
|
+
function useMergedRefs(...refs) {
|
|
2947
|
+
return useMemo(() => mergeRefs(...refs), refs);
|
|
2948
|
+
}
|
|
2868
2949
|
|
|
2869
2950
|
// src/lib/micro-interactions.ts
|
|
2870
2951
|
var microInteractions = {
|
|
@@ -2873,7 +2954,230 @@ var microInteractions = {
|
|
|
2873
2954
|
selection: "ds:transition-[color,background-color,border-color,box-shadow] ds:duration-[var(--motion-duration-press)] ds:ease-[var(--motion-ease-enter)] ds:motion-reduce:transition-none",
|
|
2874
2955
|
overlay: "ds:transition-[opacity,transform] ds:duration-[var(--motion-duration-overlay)] ds:ease-[var(--motion-ease-enter)] ds:motion-reduce:transform-none ds:motion-reduce:transition-none",
|
|
2875
2956
|
progress: "ds:transition-[width,height,stroke-dashoffset,background-color] ds:duration-[var(--motion-duration-deliberate)] ds:ease-[var(--motion-ease-enter)] ds:motion-reduce:transition-none"};
|
|
2876
|
-
|
|
2957
|
+
|
|
2958
|
+
// src/primitives/behavior/button-base.ts
|
|
2959
|
+
var LEGACY_BUTTON_VARIANTS = {
|
|
2960
|
+
primary: { variant: "solid", intent: "brand" },
|
|
2961
|
+
secondary: { variant: "soft", intent: "neutral" },
|
|
2962
|
+
destructive: { variant: "solid", intent: "danger" },
|
|
2963
|
+
success: { variant: "solid", intent: "success" },
|
|
2964
|
+
accent: { variant: "solid", intent: "brand", look: "accent" },
|
|
2965
|
+
dashed: { variant: "outline", intent: "neutral", look: "dashed" }
|
|
2966
|
+
};
|
|
2967
|
+
var DEFAULT_BUTTON_INTENT = {
|
|
2968
|
+
solid: "brand",
|
|
2969
|
+
soft: "neutral",
|
|
2970
|
+
outline: "neutral",
|
|
2971
|
+
ghost: "neutral",
|
|
2972
|
+
link: "brand"
|
|
2973
|
+
};
|
|
2974
|
+
var isLegacyVariant = (value) => Object.hasOwn(LEGACY_BUTTON_VARIANTS, value);
|
|
2975
|
+
function resolveButtonStyle({
|
|
2976
|
+
variant,
|
|
2977
|
+
intent
|
|
2978
|
+
}) {
|
|
2979
|
+
const requested = intent === "destructive" ? "danger" : intent ?? void 0;
|
|
2980
|
+
const word = variant ?? "primary";
|
|
2981
|
+
if (isLegacyVariant(word)) {
|
|
2982
|
+
const legacy = LEGACY_BUTTON_VARIANTS[word];
|
|
2983
|
+
const resolvedIntent2 = requested ?? legacy.intent;
|
|
2984
|
+
const look = legacy.look && resolvedIntent2 === legacy.intent ? legacy.look : `${legacy.variant}/${resolvedIntent2}`;
|
|
2985
|
+
return { variant: legacy.variant, intent: resolvedIntent2, look };
|
|
2986
|
+
}
|
|
2987
|
+
const resolvedIntent = requested ?? DEFAULT_BUTTON_INTENT[word];
|
|
2988
|
+
return { variant: word, intent: resolvedIntent, look: `${word}/${resolvedIntent}` };
|
|
2989
|
+
}
|
|
2990
|
+
var BUTTON_LOOKS = {
|
|
2991
|
+
// solid — filled with the intent colour, contrasting foreground
|
|
2992
|
+
"solid/brand": "ds:bg-brand ds:text-fg-on-brand ds:hover:bg-brand-hover ds:active:bg-brand-active",
|
|
2993
|
+
"solid/neutral": "ds:bg-fg-2 ds:text-bg ds:hover:bg-fg ds:active:bg-fg",
|
|
2994
|
+
"solid/success": "ds:bg-success-fg ds:text-fg-on-success ds:hover:bg-success-fg-hover ds:active:bg-success-fg-active",
|
|
2995
|
+
"solid/danger": "ds:bg-danger-fg ds:text-fg-on-danger ds:hover:bg-danger-fg-hover ds:active:bg-danger-fg-active",
|
|
2996
|
+
// soft — tinted background, intent-coloured foreground, a hairline that shows on hover
|
|
2997
|
+
"soft/brand": "ds:bg-brand-bg ds:text-brand ds:border ds:border-transparent ds:hover:bg-brand-bg-hover ds:hover:border-brand-line",
|
|
2998
|
+
"soft/neutral": "ds:bg-control-secondary-bg ds:text-control-fg ds:border ds:border-control-border ds:hover:bg-control-active-bg ds:hover:border-control-border-strong",
|
|
2999
|
+
"soft/success": "ds:bg-success-bg ds:text-success-fg ds:border ds:border-transparent ds:hover:border-success-line",
|
|
3000
|
+
"soft/danger": "ds:bg-danger-bg ds:text-danger-fg ds:border ds:border-transparent ds:hover:border-danger-line",
|
|
3001
|
+
// outline — border only, transparent background
|
|
3002
|
+
"outline/brand": "ds:border ds:border-brand-line ds:bg-control-bg ds:text-brand ds:hover:bg-brand-bg",
|
|
3003
|
+
"outline/neutral": "ds:border ds:border-control-border-strong ds:bg-control-bg ds:text-control-fg ds:hover:bg-control-hover-bg ds:hover:border-control-border-hover",
|
|
3004
|
+
"outline/success": "ds:border ds:border-success-line ds:bg-control-bg ds:text-success-fg ds:hover:bg-success-bg",
|
|
3005
|
+
"outline/danger": "ds:border ds:border-danger-line ds:bg-control-bg ds:text-danger-fg ds:hover:bg-danger-bg",
|
|
3006
|
+
// ghost — nothing until hovered
|
|
3007
|
+
"ghost/brand": "ds:bg-control-bg ds:text-brand ds:hover:bg-brand-bg",
|
|
3008
|
+
"ghost/neutral": "ds:bg-control-bg ds:text-control-fg ds:hover:bg-control-hover-bg ds:hover:text-control-hover-fg",
|
|
3009
|
+
"ghost/success": "ds:bg-control-bg ds:text-success-fg ds:hover:bg-success-bg",
|
|
3010
|
+
"ghost/danger": "ds:bg-control-bg ds:text-control-destructive-fg ds:hover:bg-control-destructive-hover-bg",
|
|
3011
|
+
// link — inline text, underlined on hover; no box of its own
|
|
3012
|
+
"link/brand": "ds:bg-transparent ds:text-accent ds:underline-offset-4 ds:hover:underline ds:p-0 ds:h-auto ds:active:scale-100",
|
|
3013
|
+
"link/neutral": "ds:bg-transparent ds:text-fg ds:underline-offset-4 ds:hover:underline ds:p-0 ds:h-auto ds:active:scale-100",
|
|
3014
|
+
"link/success": "ds:bg-transparent ds:text-success-fg ds:underline-offset-4 ds:hover:underline ds:p-0 ds:h-auto ds:active:scale-100",
|
|
3015
|
+
"link/danger": "ds:bg-transparent ds:text-danger-fg ds:underline-offset-4 ds:hover:underline ds:p-0 ds:h-auto ds:active:scale-100",
|
|
3016
|
+
// legacy-only looks (ADR-007 §4)
|
|
3017
|
+
accent: "ds:bg-suite-action ds:text-fg-on-suite-action ds:hover:bg-suite-action-hover ds:active:bg-suite-action-active",
|
|
3018
|
+
dashed: "ds:border-2 ds:border-dashed ds:border-control-border ds:bg-control-bg ds:text-control-muted-fg ds:hover:border-control-border-hover ds:hover:bg-control-hover-bg ds:hover:text-control-hover-fg"
|
|
3019
|
+
};
|
|
3020
|
+
var BUTTON_SIZES = {
|
|
3021
|
+
// Shared scale rows (A1): height, horizontal padding, label size, gap and
|
|
3022
|
+
// glyph size all from `--control-*-<size>`.
|
|
3023
|
+
xs: "ds:h-(--control-height-xs) ds:px-(--control-padding-x-xs) ds:text-(length:--control-font-size-xs) ds:gap-(--control-gap-xs) ds:[&_svg]:size-(--control-icon-xs)",
|
|
3024
|
+
// `sm` renders 16px glyphs today (the base `[&_svg]:size-4`), not the
|
|
3025
|
+
// scale's 14, so the glyph column is left to the base until D5.
|
|
3026
|
+
sm: "ds:h-(--control-height-sm) ds:px-(--control-padding-x-sm) ds:text-(length:--control-font-size-sm) ds:gap-(--control-gap-sm)",
|
|
3027
|
+
xl: "ds:h-(--control-height-xl) ds:px-(--control-padding-x-xl) ds:text-(length:--control-font-size-xl) ds:gap-(--control-gap-xl) ds:[&_svg]:size-(--control-icon-xl)",
|
|
3028
|
+
// A1 mismatches (D5): today's pixels through the compat height tokens.
|
|
3029
|
+
md: "ds:h-(--button-height-md) ds:px-4 ds:text-sm ds:gap-2",
|
|
3030
|
+
lg: "ds:h-(--button-height-lg) ds:px-6 ds:text-base ds:gap-2",
|
|
3031
|
+
// The 1.31 aliases are byte-identical to sm / md / lg (removed in 2.0).
|
|
3032
|
+
compact: "ds:h-(--control-height-sm) ds:px-(--control-padding-x-sm) ds:text-(length:--control-font-size-sm) ds:gap-(--control-gap-sm)",
|
|
3033
|
+
default: "ds:h-(--button-height-md) ds:px-4 ds:text-sm ds:gap-2",
|
|
3034
|
+
comfortable: "ds:h-(--button-height-lg) ds:px-6 ds:text-base ds:gap-2",
|
|
3035
|
+
// Icon-only sizes: square, today's pixels through the compat tokens
|
|
3036
|
+
// (C-BTN-SIZE-ICON). Hit target ≥ 24px (WCAG 2.5.5 floor); `icon-xs` /
|
|
3037
|
+
// `icon-sm` are for dense in-row action stacks where `icon` (40×40) would
|
|
3038
|
+
// visually crowd the row. `IconButton` (W3-09) takes over the geometry.
|
|
3039
|
+
"icon-xs": "ds:size-(--button-height-icon-xs) ds:[&_svg]:size-3.5",
|
|
3040
|
+
"icon-sm": "ds:size-(--button-height-icon-sm) ds:[&_svg]:size-4",
|
|
3041
|
+
icon: "ds:size-(--button-height-icon)"
|
|
3042
|
+
};
|
|
3043
|
+
var buttonBase = cva(
|
|
3044
|
+
cn(
|
|
3045
|
+
"ds:inline-flex ds:items-center ds:justify-center ds:rounded-btn ds:font-medium ds:whitespace-nowrap ds:cursor-pointer",
|
|
3046
|
+
microInteractions.pressable,
|
|
3047
|
+
"ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
|
|
3048
|
+
"ds:disabled:pointer-events-none ds:[&:disabled:not([data-loading=true])]:bg-bg-disabled ds:[&:disabled:not([data-loading=true])]:text-fg-disabled",
|
|
3049
|
+
"ds:data-[loading=true]:cursor-wait",
|
|
3050
|
+
"ds:[&_svg]:size-4 ds:[&_svg]:shrink-0"
|
|
3051
|
+
),
|
|
3052
|
+
{
|
|
3053
|
+
variants: {
|
|
3054
|
+
look: BUTTON_LOOKS,
|
|
3055
|
+
size: BUTTON_SIZES
|
|
3056
|
+
},
|
|
3057
|
+
defaultVariants: {
|
|
3058
|
+
look: "solid/brand",
|
|
3059
|
+
size: "md"
|
|
3060
|
+
}
|
|
3061
|
+
}
|
|
3062
|
+
);
|
|
3063
|
+
function buttonVariants({
|
|
3064
|
+
variant,
|
|
3065
|
+
intent,
|
|
3066
|
+
size,
|
|
3067
|
+
class: classProp,
|
|
3068
|
+
className
|
|
3069
|
+
} = {}) {
|
|
3070
|
+
const { look } = resolveButtonStyle({ variant, intent });
|
|
3071
|
+
return buttonBase({ look, size, class: cn(classProp, className) || void 0 });
|
|
3072
|
+
}
|
|
3073
|
+
function resolveButtonIcons({ iconStart, iconEnd, iconLeft, iconRight }, component = "Button") {
|
|
3074
|
+
if (process.env.NODE_ENV !== "production") {
|
|
3075
|
+
if (iconStart !== void 0 && iconLeft !== void 0) {
|
|
3076
|
+
throw new Error(
|
|
3077
|
+
`[${component}] \`iconStart\` and \`iconLeft\` are the same slot; pass one of them (\`iconLeft\` is the deprecated alias).`
|
|
3078
|
+
);
|
|
3079
|
+
}
|
|
3080
|
+
if (iconEnd !== void 0 && iconRight !== void 0) {
|
|
3081
|
+
throw new Error(
|
|
3082
|
+
`[${component}] \`iconEnd\` and \`iconRight\` are the same slot; pass one of them (\`iconRight\` is the deprecated alias).`
|
|
3083
|
+
);
|
|
3084
|
+
}
|
|
3085
|
+
}
|
|
3086
|
+
return { start: iconStart ?? iconLeft, end: iconEnd ?? iconRight };
|
|
3087
|
+
}
|
|
3088
|
+
|
|
3089
|
+
// src/foundation/deprecate.ts
|
|
3090
|
+
var PREFIX = "[@assure-one/design-system]";
|
|
3091
|
+
var warned = /* @__PURE__ */ new Set();
|
|
3092
|
+
function devWarningsEnabled() {
|
|
3093
|
+
return process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test";
|
|
3094
|
+
}
|
|
3095
|
+
function warnOnce(id, key, message) {
|
|
3096
|
+
if (!devWarningsEnabled()) return false;
|
|
3097
|
+
const dedupeKey = `${id}:${key}`;
|
|
3098
|
+
if (warned.has(dedupeKey)) return false;
|
|
3099
|
+
warned.add(dedupeKey);
|
|
3100
|
+
console.warn(`${PREFIX} ${id}: ${message}`);
|
|
3101
|
+
return true;
|
|
3102
|
+
}
|
|
3103
|
+
var SIZE_ALIAS_REPLACEMENT = {
|
|
3104
|
+
compact: "sm",
|
|
3105
|
+
default: "md",
|
|
3106
|
+
comfortable: "lg"
|
|
3107
|
+
};
|
|
3108
|
+
var ICON_SIZES = /* @__PURE__ */ new Set(["icon-xs", "icon-sm", "icon"]);
|
|
3109
|
+
function warnLegacyButtonProps(component, { variant, size, iconLeft, iconRight }) {
|
|
3110
|
+
if (size && Object.hasOwn(SIZE_ALIAS_REPLACEMENT, size)) ; else if (size && ICON_SIZES.has(size)) ;
|
|
3111
|
+
}
|
|
3112
|
+
|
|
3113
|
+
// src/primitives/behavior/button-type.ts
|
|
3114
|
+
function describeForm(form) {
|
|
3115
|
+
const id = form.getAttribute("id");
|
|
3116
|
+
if (id) return `form#${id}`;
|
|
3117
|
+
const name = form.getAttribute("name");
|
|
3118
|
+
if (name) return `form[name="${name}"]`;
|
|
3119
|
+
const label = form.getAttribute("aria-label");
|
|
3120
|
+
if (label) return `form[aria-label="${label}"]`;
|
|
3121
|
+
const action = form.getAttribute("action");
|
|
3122
|
+
if (action) return `form[action="${action}"]`;
|
|
3123
|
+
return "form";
|
|
3124
|
+
}
|
|
3125
|
+
function describeButton(button) {
|
|
3126
|
+
const text = button.textContent?.replace(/\s+/g, " ").trim();
|
|
3127
|
+
if (text) return text.length > 40 ? `${text.slice(0, 37)}\u2026` : text;
|
|
3128
|
+
const label = button.getAttribute("aria-label");
|
|
3129
|
+
if (label) return label;
|
|
3130
|
+
return "(unlabelled)";
|
|
3131
|
+
}
|
|
3132
|
+
function warnUntypedButtonInForm(element) {
|
|
3133
|
+
if (!element || element.hasAttribute("type")) return false;
|
|
3134
|
+
const form = element.closest("form");
|
|
3135
|
+
if (!form) return false;
|
|
3136
|
+
const where = describeForm(form);
|
|
3137
|
+
const label = describeButton(element);
|
|
3138
|
+
return warnOnce(
|
|
3139
|
+
"C-BTN-TYPE",
|
|
3140
|
+
`${where}::${label}`,
|
|
3141
|
+
`<Button> "${label}" inside ${where} has no \`type\` and submits the form (the browser default). Pass type="submit" if it should, or type="button" if it should not \u2014 the default becomes "button" in 2.0 (codemod CM-12 adds the evident cases).`
|
|
3142
|
+
);
|
|
3143
|
+
}
|
|
3144
|
+
|
|
3145
|
+
// src/primitives/behavior/inert.ts
|
|
3146
|
+
var INERT_ATTRIBUTES = { "aria-disabled": true, tabIndex: -1 };
|
|
3147
|
+
var INERT_CLASSES = "ds:pointer-events-none";
|
|
3148
|
+
var DISABLED_LOOK_CLASSES = "ds:bg-bg-disabled ds:text-fg-disabled";
|
|
3149
|
+
var isActivationKey = (key) => key === "Enter" || key === " ";
|
|
3150
|
+
function inertHandlers(inert, handlers) {
|
|
3151
|
+
return {
|
|
3152
|
+
onClick(event) {
|
|
3153
|
+
if (inert) {
|
|
3154
|
+
event.preventDefault();
|
|
3155
|
+
event.stopPropagation();
|
|
3156
|
+
return;
|
|
3157
|
+
}
|
|
3158
|
+
handlers.onClick?.(event);
|
|
3159
|
+
},
|
|
3160
|
+
onKeyDown(event) {
|
|
3161
|
+
if (inert) {
|
|
3162
|
+
if (isActivationKey(event.key)) {
|
|
3163
|
+
event.preventDefault();
|
|
3164
|
+
event.stopPropagation();
|
|
3165
|
+
}
|
|
3166
|
+
return;
|
|
3167
|
+
}
|
|
3168
|
+
handlers.onKeyDown?.(event);
|
|
3169
|
+
}
|
|
3170
|
+
};
|
|
3171
|
+
}
|
|
3172
|
+
var SPINNER_TONE_TO_INTENT = {
|
|
3173
|
+
current: void 0,
|
|
3174
|
+
muted: "neutral",
|
|
3175
|
+
accent: "info",
|
|
3176
|
+
success: "success",
|
|
3177
|
+
warning: "warning",
|
|
3178
|
+
destructive: "danger"
|
|
3179
|
+
};
|
|
3180
|
+
var spinnerCva = cva(
|
|
2877
3181
|
"ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center ds:[&_svg]:motion-reduce:animate-none",
|
|
2878
3182
|
{
|
|
2879
3183
|
variants: {
|
|
@@ -2883,29 +3187,36 @@ var spinnerVariants = cva(
|
|
|
2883
3187
|
md: "ds:[&_svg]:size-5",
|
|
2884
3188
|
lg: "ds:[&_svg]:size-6"
|
|
2885
3189
|
},
|
|
2886
|
-
|
|
3190
|
+
// The six intents plus the inherit case; `intent` (public) never says `current`.
|
|
3191
|
+
ink: {
|
|
3192
|
+
// No `intent` inherits `currentColor` (what `tone="current"` rendered).
|
|
2887
3193
|
current: "ds:text-current",
|
|
2888
|
-
|
|
2889
|
-
|
|
3194
|
+
neutral: "ds:text-fg-3",
|
|
3195
|
+
brand: "ds:text-brand",
|
|
3196
|
+
info: "ds:text-accent",
|
|
2890
3197
|
success: "ds:text-success-fg",
|
|
2891
3198
|
warning: "ds:text-warning-fg",
|
|
2892
|
-
|
|
3199
|
+
danger: "ds:text-danger-fg"
|
|
2893
3200
|
}
|
|
2894
3201
|
},
|
|
2895
3202
|
defaultVariants: {
|
|
2896
3203
|
size: "md",
|
|
2897
|
-
|
|
3204
|
+
ink: "current"
|
|
2898
3205
|
}
|
|
2899
3206
|
}
|
|
2900
3207
|
);
|
|
2901
|
-
var
|
|
3208
|
+
var resolveSpinnerIntent = (intent, tone) => intent ?? (tone ? SPINNER_TONE_TO_INTENT[tone] : void 0);
|
|
3209
|
+
function spinnerVariants({ intent, tone, size } = {}) {
|
|
3210
|
+
return spinnerCva({ ink: resolveSpinnerIntent(intent, tone), size });
|
|
3211
|
+
}
|
|
3212
|
+
var Spinner = forwardRef(function Spinner2({ intent, tone, size, label, className, ...props }, ref) {
|
|
2902
3213
|
return /* @__PURE__ */ jsxs(
|
|
2903
3214
|
"span",
|
|
2904
3215
|
{
|
|
2905
3216
|
ref,
|
|
2906
3217
|
role: label ? "status" : void 0,
|
|
2907
3218
|
"aria-live": label ? "polite" : void 0,
|
|
2908
|
-
className: cn(spinnerVariants({
|
|
3219
|
+
className: cn(spinnerVariants({ intent, tone, size }), className),
|
|
2909
3220
|
...props,
|
|
2910
3221
|
children: [
|
|
2911
3222
|
/* @__PURE__ */ jsx(LoaderIcon, { className: "ds:animate-spin", "aria-hidden": "true" }),
|
|
@@ -2915,115 +3226,106 @@ var Spinner = forwardRef(function Spinner2({ size, tone, label, className, ...pr
|
|
|
2915
3226
|
);
|
|
2916
3227
|
});
|
|
2917
3228
|
Spinner.displayName = "Spinner";
|
|
2918
|
-
var buttonVariants = cva(
|
|
2919
|
-
cn(
|
|
2920
|
-
"ds:inline-flex ds:items-center ds:justify-center ds:rounded-btn ds:font-medium ds:whitespace-nowrap ds:cursor-pointer",
|
|
2921
|
-
microInteractions.pressable,
|
|
2922
|
-
"ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)]",
|
|
2923
|
-
"ds:disabled:pointer-events-none ds:[&:disabled:not([data-loading=true])]:bg-bg-disabled ds:[&:disabled:not([data-loading=true])]:text-fg-disabled",
|
|
2924
|
-
"ds:data-[loading=true]:cursor-wait",
|
|
2925
|
-
"ds:[&_svg]:size-4 ds:[&_svg]:shrink-0"
|
|
2926
|
-
),
|
|
2927
|
-
{
|
|
2928
|
-
variants: {
|
|
2929
|
-
variant: {
|
|
2930
|
-
primary: "ds:bg-brand ds:text-fg-on-brand ds:hover:bg-brand-hover ds:active:bg-brand-active",
|
|
2931
|
-
secondary: "ds:bg-control-secondary-bg ds:text-control-fg ds:border ds:border-control-border ds:hover:bg-control-active-bg ds:hover:border-control-border-strong",
|
|
2932
|
-
destructive: "ds:bg-danger-fg ds:text-fg-on-danger ds:hover:bg-danger-fg-hover ds:active:bg-danger-fg-active",
|
|
2933
|
-
success: "ds:bg-success-fg ds:text-fg-on-success ds:hover:bg-success-fg-hover ds:active:bg-success-fg-active",
|
|
2934
|
-
ghost: "ds:bg-control-bg ds:text-control-fg ds:hover:bg-control-hover-bg ds:hover:text-control-hover-fg",
|
|
2935
|
-
outline: "ds:border ds:border-control-border-strong ds:bg-control-bg ds:text-control-fg ds:hover:bg-control-hover-bg ds:hover:border-control-border-hover",
|
|
2936
|
-
link: "ds:bg-transparent ds:text-accent ds:underline-offset-4 ds:hover:underline ds:p-0 ds:h-auto ds:active:scale-100",
|
|
2937
|
-
accent: "ds:bg-suite-action ds:text-fg-on-suite-action ds:hover:bg-suite-action-hover ds:active:bg-suite-action-active",
|
|
2938
|
-
dashed: "ds:border-2 ds:border-dashed ds:border-control-border ds:bg-control-bg ds:text-control-muted-fg ds:hover:border-control-border-hover ds:hover:bg-control-hover-bg ds:hover:text-control-hover-fg"
|
|
2939
|
-
},
|
|
2940
|
-
size: {
|
|
2941
|
-
sm: "ds:h-8 ds:px-3 ds:text-[13px] ds:gap-1.5",
|
|
2942
|
-
md: "ds:h-10 ds:px-4 ds:text-sm ds:gap-2",
|
|
2943
|
-
lg: "ds:h-12 ds:px-6 ds:text-base ds:gap-2",
|
|
2944
|
-
compact: "ds:h-8 ds:px-3 ds:text-[13px] ds:gap-1.5",
|
|
2945
|
-
default: "ds:h-10 ds:px-4 ds:text-sm ds:gap-2",
|
|
2946
|
-
comfortable: "ds:h-12 ds:px-6 ds:text-base ds:gap-2",
|
|
2947
|
-
// Icon-only sizes. Hit target ≥ 24px (WCAG 2.5.5 floor).
|
|
2948
|
-
// `icon-xs` / `icon-sm` are for dense in-row action stacks where
|
|
2949
|
-
// `size="icon"` (40×40) would visually crowd the row.
|
|
2950
|
-
"icon-xs": "ds:size-6 ds:[&_svg]:size-3.5",
|
|
2951
|
-
"icon-sm": "ds:size-7 ds:[&_svg]:size-4",
|
|
2952
|
-
icon: "ds:size-10"
|
|
2953
|
-
}
|
|
2954
|
-
},
|
|
2955
|
-
defaultVariants: {
|
|
2956
|
-
variant: "primary",
|
|
2957
|
-
size: "md"
|
|
2958
|
-
}
|
|
2959
|
-
}
|
|
2960
|
-
);
|
|
2961
3229
|
var Button = forwardRef(function Button2({
|
|
2962
3230
|
variant,
|
|
3231
|
+
intent,
|
|
2963
3232
|
size,
|
|
2964
3233
|
asChild = false,
|
|
2965
3234
|
loading,
|
|
3235
|
+
fullWidth,
|
|
3236
|
+
pressed,
|
|
3237
|
+
iconStart,
|
|
3238
|
+
iconEnd,
|
|
2966
3239
|
iconLeft,
|
|
2967
3240
|
iconRight,
|
|
2968
3241
|
disabled,
|
|
3242
|
+
onClick,
|
|
3243
|
+
onKeyDown,
|
|
2969
3244
|
children,
|
|
2970
3245
|
className,
|
|
2971
3246
|
...props
|
|
2972
3247
|
}, ref) {
|
|
2973
|
-
|
|
3248
|
+
warnLegacyButtonProps("Button", { variant, size, iconLeft, iconRight });
|
|
3249
|
+
const icons = resolveButtonIcons({ iconStart, iconEnd, iconLeft, iconRight });
|
|
3250
|
+
const inert = Boolean(disabled || loading);
|
|
3251
|
+
const element = useRef(null);
|
|
3252
|
+
const nativeRef = useMergedRefs(ref, element);
|
|
3253
|
+
useEffect(() => {
|
|
3254
|
+
if (process.env.NODE_ENV === "production" || process.env.NODE_ENV === "test") return;
|
|
3255
|
+
if (!asChild && props.type === void 0) warnUntypedButtonInForm(element.current);
|
|
3256
|
+
}, []);
|
|
2974
3257
|
const resolvedVariant = variant ?? "primary";
|
|
2975
3258
|
const resolvedSize = size ?? "md";
|
|
2976
3259
|
const state = stateAttributes({
|
|
2977
3260
|
variant: resolvedVariant,
|
|
3261
|
+
intent: intent ?? void 0,
|
|
2978
3262
|
size: resolvedSize,
|
|
2979
|
-
|
|
2980
|
-
|
|
2981
|
-
disabled: asChild ? void 0 : disabled || loading
|
|
3263
|
+
disabled: inert,
|
|
3264
|
+
pressed
|
|
2982
3265
|
});
|
|
3266
|
+
const start = loading ? /* @__PURE__ */ jsx(Spinner, { size: "sm", ...slot(buttonAnatomy, "spinner") }) : icons.start && /* @__PURE__ */ jsx(
|
|
3267
|
+
"span",
|
|
3268
|
+
{
|
|
3269
|
+
...slot(buttonAnatomy, "icon-start"),
|
|
3270
|
+
className: "ds:inline-flex ds:shrink-0",
|
|
3271
|
+
"aria-hidden": "true",
|
|
3272
|
+
children: icons.start
|
|
3273
|
+
}
|
|
3274
|
+
);
|
|
3275
|
+
const end = icons.end && !loading && /* @__PURE__ */ jsx(
|
|
3276
|
+
"span",
|
|
3277
|
+
{
|
|
3278
|
+
...slot(buttonAnatomy, "icon-end"),
|
|
3279
|
+
className: "ds:inline-flex ds:shrink-0",
|
|
3280
|
+
"aria-hidden": "true",
|
|
3281
|
+
children: icons.end
|
|
3282
|
+
}
|
|
3283
|
+
);
|
|
2983
3284
|
if (asChild) {
|
|
2984
|
-
|
|
2985
|
-
|
|
2986
|
-
|
|
2987
|
-
|
|
2988
|
-
|
|
2989
|
-
|
|
2990
|
-
|
|
2991
|
-
|
|
2992
|
-
|
|
2993
|
-
|
|
2994
|
-
|
|
3285
|
+
const guarded = inertHandlers(inert, { onClick, onKeyDown });
|
|
3286
|
+
const root = {
|
|
3287
|
+
ref,
|
|
3288
|
+
...slot(buttonAnatomy, "root"),
|
|
3289
|
+
...state,
|
|
3290
|
+
"aria-pressed": pressed,
|
|
3291
|
+
"aria-busy": loading || void 0,
|
|
3292
|
+
"data-loading": loading || void 0,
|
|
3293
|
+
...inert ? INERT_ATTRIBUTES : {},
|
|
3294
|
+
className: cn(
|
|
3295
|
+
buttonVariants({ variant, intent, size }),
|
|
3296
|
+
fullWidth && "ds:w-full",
|
|
3297
|
+
inert && INERT_CLASSES,
|
|
3298
|
+
disabled && !loading && DISABLED_LOOK_CLASSES,
|
|
3299
|
+
className
|
|
3300
|
+
),
|
|
3301
|
+
...props,
|
|
3302
|
+
...guarded
|
|
3303
|
+
};
|
|
3304
|
+
if (!start && !end) return /* @__PURE__ */ jsx(Slot, { ...root, children });
|
|
3305
|
+
return /* @__PURE__ */ jsxs(Slot, { ...root, children: [
|
|
3306
|
+
start,
|
|
3307
|
+
/* @__PURE__ */ jsx(Slottable, { children }),
|
|
3308
|
+
end
|
|
3309
|
+
] });
|
|
2995
3310
|
}
|
|
2996
3311
|
return /* @__PURE__ */ jsxs(
|
|
2997
|
-
|
|
3312
|
+
"button",
|
|
2998
3313
|
{
|
|
2999
|
-
ref,
|
|
3314
|
+
ref: nativeRef,
|
|
3000
3315
|
disabled: disabled || loading,
|
|
3001
3316
|
"aria-busy": loading || void 0,
|
|
3002
3317
|
"data-loading": loading || void 0,
|
|
3003
3318
|
...slot(buttonAnatomy, "root"),
|
|
3004
3319
|
...state,
|
|
3005
|
-
|
|
3320
|
+
"aria-pressed": pressed,
|
|
3321
|
+
className: cn(buttonVariants({ variant, intent, size }), fullWidth && "ds:w-full", className),
|
|
3322
|
+
onClick,
|
|
3323
|
+
onKeyDown,
|
|
3006
3324
|
...props,
|
|
3007
|
-
children: [
|
|
3008
|
-
|
|
3009
|
-
|
|
3010
|
-
|
|
3011
|
-
...slot(buttonAnatomy, "icon-start"),
|
|
3012
|
-
className: "ds:inline-flex ds:shrink-0",
|
|
3013
|
-
"aria-hidden": "true",
|
|
3014
|
-
children: iconLeft
|
|
3015
|
-
}
|
|
3016
|
-
),
|
|
3017
|
-
children,
|
|
3018
|
-
iconRight && !loading && /* @__PURE__ */ jsx(
|
|
3019
|
-
"span",
|
|
3020
|
-
{
|
|
3021
|
-
...slot(buttonAnatomy, "icon-end"),
|
|
3022
|
-
className: "ds:inline-flex ds:shrink-0",
|
|
3023
|
-
"aria-hidden": "true",
|
|
3024
|
-
children: iconRight
|
|
3025
|
-
}
|
|
3026
|
-
)
|
|
3325
|
+
children: [
|
|
3326
|
+
start,
|
|
3327
|
+
children,
|
|
3328
|
+
end
|
|
3027
3329
|
]
|
|
3028
3330
|
}
|
|
3029
3331
|
);
|
|
@@ -3218,6 +3520,11 @@ var AttachmentChip = forwardRef(
|
|
|
3218
3520
|
}
|
|
3219
3521
|
);
|
|
3220
3522
|
AttachmentChip.displayName = "AttachmentChip";
|
|
3523
|
+
|
|
3524
|
+
// src/foundation/anatomy/class-names.ts
|
|
3525
|
+
function slotClassName(classNames, part) {
|
|
3526
|
+
return classNames?.[part];
|
|
3527
|
+
}
|
|
3221
3528
|
var avatarVariants = cva(
|
|
3222
3529
|
cn(
|
|
3223
3530
|
"ds:relative ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center ds:overflow-hidden ds:rounded-full",
|
|
@@ -3226,11 +3533,11 @@ var avatarVariants = cva(
|
|
|
3226
3533
|
{
|
|
3227
3534
|
variants: {
|
|
3228
3535
|
size: {
|
|
3229
|
-
xs: "ds:size-
|
|
3230
|
-
sm: "ds:size-
|
|
3231
|
-
md: "ds:size-
|
|
3232
|
-
lg: "ds:size-
|
|
3233
|
-
xl: "ds:size-
|
|
3536
|
+
xs: "ds:size-(--avatar-size-xs) ds:text-[9px]",
|
|
3537
|
+
sm: "ds:size-(--avatar-size-sm) ds:text-[10px]",
|
|
3538
|
+
md: "ds:size-(--avatar-size-md) ds:text-[11px]",
|
|
3539
|
+
lg: "ds:size-(--avatar-size-lg) ds:text-sm",
|
|
3540
|
+
xl: "ds:size-(--avatar-size-xl) ds:text-base"
|
|
3234
3541
|
},
|
|
3235
3542
|
variant: {
|
|
3236
3543
|
initials: "ds:bg-bg-3 ds:text-fg-2",
|
|
@@ -3260,88 +3567,169 @@ function getInitials(name) {
|
|
|
3260
3567
|
return name.split(" ").map((part) => part[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
|
|
3261
3568
|
}
|
|
3262
3569
|
var Avatar = React39.forwardRef(
|
|
3263
|
-
function Avatar2({ src, alt, name, size = "md", variant = "initials", status, className, ...props }, ref) {
|
|
3570
|
+
function Avatar2({ src, alt, name, size = "md", variant = "initials", status, className, classNames, ...props }, ref) {
|
|
3264
3571
|
const initials2 = name ? getInitials(name) : "?";
|
|
3265
3572
|
const resolvedSize = size ?? "md";
|
|
3266
|
-
|
|
3267
|
-
|
|
3268
|
-
|
|
3269
|
-
|
|
3270
|
-
|
|
3271
|
-
|
|
3272
|
-
|
|
3273
|
-
|
|
3274
|
-
|
|
3275
|
-
|
|
3276
|
-
|
|
3277
|
-
|
|
3278
|
-
|
|
3279
|
-
|
|
3280
|
-
|
|
3281
|
-
|
|
3282
|
-
|
|
3283
|
-
|
|
3284
|
-
|
|
3285
|
-
|
|
3286
|
-
|
|
3287
|
-
|
|
3288
|
-
|
|
3289
|
-
|
|
3290
|
-
|
|
3291
|
-
|
|
3292
|
-
|
|
3293
|
-
|
|
3294
|
-
|
|
3295
|
-
|
|
3296
|
-
|
|
3297
|
-
|
|
3298
|
-
|
|
3299
|
-
|
|
3300
|
-
|
|
3573
|
+
const resolvedVariant = variant ?? "initials";
|
|
3574
|
+
return /* @__PURE__ */ jsxs(
|
|
3575
|
+
"span",
|
|
3576
|
+
{
|
|
3577
|
+
...slot(avatarAnatomy, "root"),
|
|
3578
|
+
...stateAttributes({ size: resolvedSize, variant: resolvedVariant }),
|
|
3579
|
+
className: cn("ds:relative ds:inline-flex", slotClassName(classNames, "root")),
|
|
3580
|
+
children: [
|
|
3581
|
+
/* @__PURE__ */ jsxs(
|
|
3582
|
+
AvatarPrimitive.Root,
|
|
3583
|
+
{
|
|
3584
|
+
ref,
|
|
3585
|
+
...slot(avatarAnatomy, "frame"),
|
|
3586
|
+
className: cn(
|
|
3587
|
+
avatarVariants({ size: resolvedSize, variant: resolvedVariant }),
|
|
3588
|
+
slotClassName(classNames, "frame"),
|
|
3589
|
+
className
|
|
3590
|
+
),
|
|
3591
|
+
...props,
|
|
3592
|
+
children: [
|
|
3593
|
+
src ? /* @__PURE__ */ jsx(
|
|
3594
|
+
AvatarPrimitive.Image,
|
|
3595
|
+
{
|
|
3596
|
+
...slot(avatarAnatomy, "image"),
|
|
3597
|
+
src,
|
|
3598
|
+
alt: alt ?? name ?? "Avatar",
|
|
3599
|
+
className: cn(
|
|
3600
|
+
"ds:aspect-square ds:size-full ds:object-cover",
|
|
3601
|
+
slotClassName(classNames, "image")
|
|
3602
|
+
)
|
|
3603
|
+
}
|
|
3604
|
+
) : null,
|
|
3605
|
+
/* @__PURE__ */ jsx(
|
|
3606
|
+
AvatarPrimitive.Fallback,
|
|
3607
|
+
{
|
|
3608
|
+
...slot(avatarAnatomy, "fallback"),
|
|
3609
|
+
delayMs: src ? 200 : 0,
|
|
3610
|
+
className: cn(
|
|
3611
|
+
"ds:flex ds:size-full ds:items-center ds:justify-center",
|
|
3612
|
+
slotClassName(classNames, "fallback")
|
|
3613
|
+
),
|
|
3614
|
+
"aria-label": name || "Unknown user",
|
|
3615
|
+
children: initials2
|
|
3616
|
+
}
|
|
3617
|
+
)
|
|
3618
|
+
]
|
|
3619
|
+
}
|
|
3301
3620
|
),
|
|
3302
|
-
|
|
3303
|
-
|
|
3304
|
-
|
|
3305
|
-
|
|
3306
|
-
|
|
3621
|
+
status && /* @__PURE__ */ jsx(
|
|
3622
|
+
"span",
|
|
3623
|
+
{
|
|
3624
|
+
...slot(avatarAnatomy, "status"),
|
|
3625
|
+
className: cn(
|
|
3626
|
+
"ds:ring-bg ds:absolute ds:right-0 ds:bottom-0 ds:block ds:rounded-full ds:ring-2",
|
|
3627
|
+
statusDotSizes[resolvedSize],
|
|
3628
|
+
statusStyles[status],
|
|
3629
|
+
slotClassName(classNames, "status")
|
|
3630
|
+
),
|
|
3631
|
+
role: "img",
|
|
3632
|
+
"aria-label": `${status} status`
|
|
3633
|
+
}
|
|
3634
|
+
)
|
|
3635
|
+
]
|
|
3636
|
+
}
|
|
3637
|
+
);
|
|
3307
3638
|
}
|
|
3308
3639
|
);
|
|
3309
3640
|
Avatar.displayName = AvatarPrimitive.Root.displayName;
|
|
3310
|
-
var
|
|
3311
|
-
|
|
3312
|
-
|
|
3313
|
-
|
|
3314
|
-
|
|
3315
|
-
{
|
|
3316
|
-
|
|
3317
|
-
|
|
3318
|
-
|
|
3319
|
-
|
|
3320
|
-
|
|
3321
|
-
|
|
3322
|
-
|
|
3323
|
-
|
|
3324
|
-
|
|
3325
|
-
|
|
3326
|
-
|
|
3327
|
-
|
|
3328
|
-
|
|
3329
|
-
|
|
3330
|
-
}
|
|
3331
|
-
|
|
3332
|
-
|
|
3333
|
-
|
|
3334
|
-
}
|
|
3641
|
+
var LEGACY_PAIRS = {
|
|
3642
|
+
default: { variant: "solid", intent: "brand" },
|
|
3643
|
+
secondary: { variant: "soft", intent: "neutral" },
|
|
3644
|
+
destructive: { variant: "soft", intent: "danger" },
|
|
3645
|
+
success: { variant: "soft", intent: "success" },
|
|
3646
|
+
warning: { variant: "soft", intent: "warning" },
|
|
3647
|
+
info: { variant: "soft", intent: "info" }
|
|
3648
|
+
};
|
|
3649
|
+
var DEFAULT_INTENT = {
|
|
3650
|
+
solid: "brand",
|
|
3651
|
+
soft: "neutral",
|
|
3652
|
+
outline: "neutral"
|
|
3653
|
+
};
|
|
3654
|
+
var defaultVariantFor = (intent) => intent === "brand" ? "solid" : "soft";
|
|
3655
|
+
var isLegacy = (value) => value in LEGACY_PAIRS;
|
|
3656
|
+
function resolveBadgeAppearance({
|
|
3657
|
+
variant,
|
|
3658
|
+
intent
|
|
3659
|
+
} = {}) {
|
|
3660
|
+
if (variant == null) {
|
|
3661
|
+
return intent == null ? LEGACY_PAIRS.default : { variant: defaultVariantFor(intent), intent };
|
|
3662
|
+
}
|
|
3663
|
+
if (isLegacy(variant)) {
|
|
3664
|
+
const pair = LEGACY_PAIRS[variant];
|
|
3665
|
+
return intent == null ? pair : { variant: pair.variant, intent };
|
|
3666
|
+
}
|
|
3667
|
+
return { variant, intent: intent ?? DEFAULT_INTENT[variant] };
|
|
3668
|
+
}
|
|
3669
|
+
var APPEARANCE = {
|
|
3670
|
+
solid: {
|
|
3671
|
+
brand: "ds:bg-brand ds:text-fg-on-brand ds:border-transparent",
|
|
3672
|
+
neutral: "ds:bg-fg-2 ds:text-bg ds:border-transparent",
|
|
3673
|
+
info: "ds:bg-info ds:text-fg-on-info ds:border-transparent",
|
|
3674
|
+
success: "ds:bg-success-fg ds:text-fg-on-success ds:border-transparent",
|
|
3675
|
+
warning: "ds:bg-warning-fg ds:text-fg-on-warning ds:border-transparent",
|
|
3676
|
+
danger: "ds:bg-danger-fg ds:text-fg-on-danger ds:border-transparent"
|
|
3677
|
+
},
|
|
3678
|
+
soft: {
|
|
3679
|
+
brand: "ds:bg-brand-bg ds:text-brand ds:border-brand-line",
|
|
3680
|
+
neutral: "ds:bg-bg-2 ds:text-fg-3 ds:border-rule",
|
|
3681
|
+
info: "ds:bg-accent-tint ds:text-accent-2 ds:border-[color:var(--color-accent-tint)]",
|
|
3682
|
+
success: "ds:bg-success-bg ds:text-success-fg ds:border-success-line",
|
|
3683
|
+
warning: "ds:bg-warning-bg ds:text-warning-fg ds:border-warning-line",
|
|
3684
|
+
danger: "ds:bg-danger-bg ds:text-danger-fg ds:border-danger-line"
|
|
3685
|
+
},
|
|
3686
|
+
outline: {
|
|
3687
|
+
brand: "ds:border-brand-line ds:bg-transparent ds:text-brand",
|
|
3688
|
+
neutral: "ds:border-rule ds:bg-transparent ds:text-fg-2",
|
|
3689
|
+
info: "ds:border-accent/30 ds:bg-transparent ds:text-accent-2",
|
|
3690
|
+
success: "ds:border-success-line ds:bg-transparent ds:text-success-fg",
|
|
3691
|
+
warning: "ds:border-warning-line ds:bg-transparent ds:text-warning-fg",
|
|
3692
|
+
danger: "ds:border-danger-line ds:bg-transparent ds:text-danger-fg"
|
|
3335
3693
|
}
|
|
3336
|
-
|
|
3337
|
-
var
|
|
3694
|
+
};
|
|
3695
|
+
var SIZE = {
|
|
3696
|
+
xs: "ds:px-1.5 ds:py-px ds:text-micro",
|
|
3697
|
+
sm: "ds:px-2 ds:py-0.5 ds:text-xs",
|
|
3698
|
+
md: "ds:px-2.5 ds:py-0.5 ds:text-sm"
|
|
3699
|
+
};
|
|
3700
|
+
var SHAPE = {
|
|
3701
|
+
legacy: "ds:rounded-pill",
|
|
3702
|
+
rounded: "ds:rounded-badge",
|
|
3703
|
+
pill: "ds:rounded-full"
|
|
3704
|
+
};
|
|
3705
|
+
function badgeVariants({
|
|
3706
|
+
variant,
|
|
3707
|
+
intent,
|
|
3708
|
+
size,
|
|
3709
|
+
shape,
|
|
3710
|
+
class: classValue,
|
|
3711
|
+
className
|
|
3712
|
+
} = {}) {
|
|
3713
|
+
const pair = resolveBadgeAppearance({ variant, intent });
|
|
3714
|
+
return clsx(
|
|
3715
|
+
"ds:inline-flex ds:items-center ds:gap-1",
|
|
3716
|
+
SHAPE[shape ?? "legacy"],
|
|
3717
|
+
"ds:border ds:font-medium",
|
|
3718
|
+
APPEARANCE[pair.variant][pair.intent],
|
|
3719
|
+
SIZE[size ?? "sm"],
|
|
3720
|
+
classValue,
|
|
3721
|
+
className
|
|
3722
|
+
);
|
|
3723
|
+
}
|
|
3724
|
+
var Badge = forwardRef(function Badge2({ variant, intent, size, shape, dot, icon, children, className, ...props }, ref) {
|
|
3725
|
+
const pair = resolveBadgeAppearance({ variant, intent });
|
|
3338
3726
|
return /* @__PURE__ */ jsxs(
|
|
3339
3727
|
"span",
|
|
3340
3728
|
{
|
|
3341
3729
|
ref,
|
|
3342
3730
|
...slot(badgeAnatomy, "root"),
|
|
3343
|
-
...stateAttributes({ variant: variant
|
|
3344
|
-
className: cn(badgeVariants({ variant, size }), className),
|
|
3731
|
+
...stateAttributes({ variant: pair.variant, intent: pair.intent, size: size ?? "sm" }),
|
|
3732
|
+
className: cn(badgeVariants({ variant, intent, size, shape }), className),
|
|
3345
3733
|
...props,
|
|
3346
3734
|
children: [
|
|
3347
3735
|
dot && /* @__PURE__ */ jsx(
|
|
@@ -3900,18 +4288,68 @@ function Calendar({
|
|
|
3900
4288
|
);
|
|
3901
4289
|
}
|
|
3902
4290
|
Calendar.displayName = "Calendar";
|
|
3903
|
-
var
|
|
3904
|
-
|
|
3905
|
-
|
|
3906
|
-
|
|
3907
|
-
|
|
3908
|
-
|
|
4291
|
+
var PADDING = {
|
|
4292
|
+
none: "ds:p-0",
|
|
4293
|
+
sm: "ds:p-(--surface-pad-sm)",
|
|
4294
|
+
md: "ds:p-(--surface-pad-md)",
|
|
4295
|
+
lg: "ds:p-(--surface-pad-lg)"
|
|
4296
|
+
};
|
|
4297
|
+
var RADIUS = {
|
|
4298
|
+
none: "ds:rounded-none",
|
|
4299
|
+
"surface-sm": "ds:rounded-surface-sm",
|
|
4300
|
+
surface: "ds:rounded-surface"
|
|
4301
|
+
};
|
|
4302
|
+
var ELEVATION = {
|
|
4303
|
+
none: void 0,
|
|
4304
|
+
flat: "ds:shadow-flat",
|
|
4305
|
+
raised: "ds:shadow-raised",
|
|
4306
|
+
floating: "ds:shadow-floating",
|
|
4307
|
+
overlay: "ds:shadow-overlay"
|
|
4308
|
+
};
|
|
4309
|
+
var Surface = forwardRef(function Surface2({ padding = "sm", radius = "surface", elevation = "none", className, ...props }, ref) {
|
|
4310
|
+
return /* @__PURE__ */ jsx(
|
|
4311
|
+
"div",
|
|
4312
|
+
{
|
|
4313
|
+
ref,
|
|
4314
|
+
...slot(surfaceAnatomy, "root"),
|
|
4315
|
+
className: cn(
|
|
4316
|
+
"ds:border-rule ds:bg-surface ds:border",
|
|
4317
|
+
PADDING[padding],
|
|
4318
|
+
RADIUS[radius],
|
|
4319
|
+
ELEVATION[elevation],
|
|
4320
|
+
className
|
|
4321
|
+
),
|
|
4322
|
+
...props
|
|
3909
4323
|
}
|
|
3910
|
-
|
|
3911
|
-
defaultVariants: { variant: "default" }
|
|
4324
|
+
);
|
|
3912
4325
|
});
|
|
3913
|
-
|
|
3914
|
-
|
|
4326
|
+
Surface.displayName = "Surface";
|
|
4327
|
+
var VARIANT_CLASSES = {
|
|
4328
|
+
default: "",
|
|
4329
|
+
interactive: "ds:cursor-pointer ds:transition-[border-color] ds:duration-[var(--duration-fast)] ds:ease-[var(--ease-out-quart)] ds:hover:border-rule-strong ds:motion-reduce:transition-none",
|
|
4330
|
+
flat: "ds:border-0 ds:bg-transparent ds:shadow-none"
|
|
4331
|
+
};
|
|
4332
|
+
var cardVariants = cva(
|
|
4333
|
+
"ds:rounded-card ds:border ds:border-rule ds:bg-surface ds:text-fg ds:shadow-quiet",
|
|
4334
|
+
{
|
|
4335
|
+
variants: { variant: VARIANT_CLASSES },
|
|
4336
|
+
defaultVariants: { variant: "default" }
|
|
4337
|
+
}
|
|
4338
|
+
);
|
|
4339
|
+
var Card = forwardRef(function Card2({ className, variant, padding = "none", ...props }, ref) {
|
|
4340
|
+
return /* @__PURE__ */ jsx(
|
|
4341
|
+
Surface,
|
|
4342
|
+
{
|
|
4343
|
+
ref,
|
|
4344
|
+
padding,
|
|
4345
|
+
radius: "surface",
|
|
4346
|
+
elevation: "flat",
|
|
4347
|
+
className: cn("ds:text-fg", VARIANT_CLASSES[variant ?? "default"], className),
|
|
4348
|
+
...slot(cardAnatomy, "root"),
|
|
4349
|
+
...stateAttributes({ variant: variant ?? "default" }),
|
|
4350
|
+
...props
|
|
4351
|
+
}
|
|
4352
|
+
);
|
|
3915
4353
|
});
|
|
3916
4354
|
Card.displayName = "Card";
|
|
3917
4355
|
var CardHeader = forwardRef(
|
|
@@ -3920,6 +4358,7 @@ var CardHeader = forwardRef(
|
|
|
3920
4358
|
"div",
|
|
3921
4359
|
{
|
|
3922
4360
|
ref,
|
|
4361
|
+
...slot(cardAnatomy, "header"),
|
|
3923
4362
|
className: cn(
|
|
3924
4363
|
"ds:grid ds:auto-cols-fr ds:grid-cols-[1fr_auto] ds:items-start ds:gap-1.5 ds:p-6 ds:[.border-b]:pb-4",
|
|
3925
4364
|
className
|
|
@@ -3930,27 +4369,43 @@ var CardHeader = forwardRef(
|
|
|
3930
4369
|
}
|
|
3931
4370
|
);
|
|
3932
4371
|
CardHeader.displayName = "CardHeader";
|
|
3933
|
-
var CardTitle = forwardRef(
|
|
3934
|
-
|
|
3935
|
-
|
|
3936
|
-
|
|
3937
|
-
|
|
3938
|
-
|
|
3939
|
-
|
|
3940
|
-
|
|
3941
|
-
|
|
3942
|
-
|
|
3943
|
-
|
|
3944
|
-
|
|
3945
|
-
);
|
|
4372
|
+
var CardTitle = forwardRef(function CardTitle2({ className, children, headingLevel = 3, ...props }, ref) {
|
|
4373
|
+
const Tag = `h${headingLevel}`;
|
|
4374
|
+
return /* @__PURE__ */ jsx(
|
|
4375
|
+
Tag,
|
|
4376
|
+
{
|
|
4377
|
+
ref,
|
|
4378
|
+
...slot(cardAnatomy, "title"),
|
|
4379
|
+
className: cn("ds:text-fg ds:text-base ds:leading-tight ds:font-medium", className),
|
|
4380
|
+
...props,
|
|
4381
|
+
children
|
|
4382
|
+
}
|
|
4383
|
+
);
|
|
4384
|
+
});
|
|
3946
4385
|
CardTitle.displayName = "CardTitle";
|
|
3947
4386
|
var CardDescription = forwardRef(function CardDescription2({ className, ...props }, ref) {
|
|
3948
|
-
return /* @__PURE__ */ jsx(
|
|
4387
|
+
return /* @__PURE__ */ jsx(
|
|
4388
|
+
"p",
|
|
4389
|
+
{
|
|
4390
|
+
ref,
|
|
4391
|
+
...slot(cardAnatomy, "description"),
|
|
4392
|
+
className: cn("ds:text-fg-3 ds:text-sm", className),
|
|
4393
|
+
...props
|
|
4394
|
+
}
|
|
4395
|
+
);
|
|
3949
4396
|
});
|
|
3950
4397
|
CardDescription.displayName = "CardDescription";
|
|
3951
4398
|
var CardContent = forwardRef(
|
|
3952
4399
|
function CardContent2({ className, ...props }, ref) {
|
|
3953
|
-
return /* @__PURE__ */ jsx(
|
|
4400
|
+
return /* @__PURE__ */ jsx(
|
|
4401
|
+
"div",
|
|
4402
|
+
{
|
|
4403
|
+
ref,
|
|
4404
|
+
...slot(cardAnatomy, "content"),
|
|
4405
|
+
className: cn("ds:p-6 ds:pt-0", className),
|
|
4406
|
+
...props
|
|
4407
|
+
}
|
|
4408
|
+
);
|
|
3954
4409
|
}
|
|
3955
4410
|
);
|
|
3956
4411
|
CardContent.displayName = "CardContent";
|
|
@@ -3960,7 +4415,11 @@ var CardFooter = forwardRef(
|
|
|
3960
4415
|
"div",
|
|
3961
4416
|
{
|
|
3962
4417
|
ref,
|
|
3963
|
-
|
|
4418
|
+
...slot(cardAnatomy, "footer"),
|
|
4419
|
+
className: cn(
|
|
4420
|
+
"ds:border-rule ds:flex ds:items-center ds:gap-2 ds:border-t ds:p-6",
|
|
4421
|
+
className
|
|
4422
|
+
),
|
|
3964
4423
|
...props
|
|
3965
4424
|
}
|
|
3966
4425
|
);
|
|
@@ -3969,7 +4428,15 @@ var CardFooter = forwardRef(
|
|
|
3969
4428
|
CardFooter.displayName = "CardFooter";
|
|
3970
4429
|
var CardAction = forwardRef(
|
|
3971
4430
|
function CardAction2({ className, ...props }, ref) {
|
|
3972
|
-
return /* @__PURE__ */ jsx(
|
|
4431
|
+
return /* @__PURE__ */ jsx(
|
|
4432
|
+
"div",
|
|
4433
|
+
{
|
|
4434
|
+
ref,
|
|
4435
|
+
...slot(cardAnatomy, "action"),
|
|
4436
|
+
className: cn("ds:col-start-2 ds:row-start-1 ds:self-center", className),
|
|
4437
|
+
...props
|
|
4438
|
+
}
|
|
4439
|
+
);
|
|
3973
4440
|
}
|
|
3974
4441
|
);
|
|
3975
4442
|
CardAction.displayName = "CardAction";
|
|
@@ -6032,38 +6499,77 @@ var HoverCardContent = React39.forwardRef(({ className, align = "center", side =
|
|
|
6032
6499
|
}
|
|
6033
6500
|
) }));
|
|
6034
6501
|
HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
|
|
6502
|
+
var ICON_TILE_TONE_TO_INTENT = {
|
|
6503
|
+
pro: "brand",
|
|
6504
|
+
neutral: "neutral",
|
|
6505
|
+
info: "info",
|
|
6506
|
+
success: "success",
|
|
6507
|
+
warning: "warning",
|
|
6508
|
+
danger: "danger"
|
|
6509
|
+
};
|
|
6035
6510
|
var iconTileVariants = cva(
|
|
6036
|
-
cn(
|
|
6511
|
+
cn(
|
|
6512
|
+
"ds:relative ds:grid ds:shrink-0 ds:place-items-center",
|
|
6513
|
+
"ds:[&_svg]:shrink-0 ds:[&_svg]:size-(--ds-icon-size)"
|
|
6514
|
+
),
|
|
6037
6515
|
{
|
|
6038
6516
|
variants: {
|
|
6039
|
-
|
|
6040
|
-
|
|
6517
|
+
intent: {
|
|
6518
|
+
// `brand` renders what `tone="pro"` rendered: the brand tint of the
|
|
6519
|
+
// active theme (`--color-pro-*` follows `createBrandTheme`).
|
|
6520
|
+
brand: "ds:bg-pro-bg ds:text-pro-fg",
|
|
6041
6521
|
neutral: "ds:bg-bg-2 ds:text-fg-3",
|
|
6042
6522
|
info: "ds:bg-accent-tint ds:text-accent-2",
|
|
6043
6523
|
success: "ds:bg-success-bg ds:text-success-fg",
|
|
6044
6524
|
warning: "ds:bg-warning-bg ds:text-warning-fg",
|
|
6045
|
-
danger: "ds:bg-danger-bg ds:text-danger-fg"
|
|
6525
|
+
danger: "ds:bg-danger-bg ds:text-danger-fg"
|
|
6526
|
+
},
|
|
6527
|
+
// Product hues, never intents (ADR-007 §2); reachable through `tone` only.
|
|
6528
|
+
suite: {
|
|
6046
6529
|
audit: "ds:bg-[color-mix(in_srgb,var(--color-brand-audit)_12%,transparent)] ds:text-brand-audit",
|
|
6047
6530
|
books: "ds:bg-[color-mix(in_srgb,var(--color-brand-books)_12%,transparent)] ds:text-brand-books",
|
|
6048
6531
|
tax: "ds:bg-[color-mix(in_srgb,var(--color-brand-tax)_12%,transparent)] ds:text-brand-tax"
|
|
6049
6532
|
},
|
|
6533
|
+
// Today's pixels, expressed through `--ds-icon-size` (W2-10 scale). The
|
|
6534
|
+
// `md` glyph is 18px, between the `md` (16) and `lg` (20) steps; it
|
|
6535
|
+
// keeps its value until 2.0 can move it onto the scale.
|
|
6050
6536
|
size: {
|
|
6051
|
-
sm: "ds:size-[30px] ds:rounded-[8px] ds:[
|
|
6052
|
-
md: "ds:size-[38px] ds:rounded-[10px] ds:[
|
|
6053
|
-
lg: "ds:size-[42px] ds:rounded-[12px] ds:[
|
|
6537
|
+
sm: "ds:size-[30px] ds:rounded-[8px] ds:[--ds-icon-size:var(--icon-size-md)]",
|
|
6538
|
+
md: "ds:size-[38px] ds:rounded-[10px] ds:[--ds-icon-size:18px]",
|
|
6539
|
+
lg: "ds:size-[42px] ds:rounded-[12px] ds:[--ds-icon-size:var(--icon-size-lg)]",
|
|
6540
|
+
xl: "ds:size-12 ds:rounded-surface ds:[--ds-icon-size:var(--icon-size-lg)]"
|
|
6054
6541
|
}
|
|
6055
6542
|
},
|
|
6056
6543
|
defaultVariants: {
|
|
6057
|
-
|
|
6544
|
+
intent: "brand",
|
|
6058
6545
|
size: "md"
|
|
6059
6546
|
}
|
|
6060
6547
|
}
|
|
6061
6548
|
);
|
|
6062
|
-
var
|
|
6063
|
-
|
|
6064
|
-
|
|
6065
|
-
|
|
6066
|
-
|
|
6549
|
+
var isIconTileSuiteTone = (tone) => !Object.hasOwn(ICON_TILE_TONE_TO_INTENT, tone);
|
|
6550
|
+
function resolveIconTileTint(intent, tone) {
|
|
6551
|
+
if (intent) return { intent, suite: void 0 };
|
|
6552
|
+
if (!tone) return { intent: void 0, suite: void 0 };
|
|
6553
|
+
if (isIconTileSuiteTone(tone)) return { intent: null, suite: tone };
|
|
6554
|
+
return { intent: ICON_TILE_TONE_TO_INTENT[tone], suite: void 0 };
|
|
6555
|
+
}
|
|
6556
|
+
function resolveIconTileVariants({ intent, tone, size } = {}) {
|
|
6557
|
+
const tint = resolveIconTileTint(intent, tone);
|
|
6558
|
+
return iconTileVariants({ intent: tint.intent, suite: tint.suite, size });
|
|
6559
|
+
}
|
|
6560
|
+
var IconTile = forwardRef(function IconTile2({ icon, intent, tone, size, badge, className, ...props }, ref) {
|
|
6561
|
+
return /* @__PURE__ */ jsxs(
|
|
6562
|
+
"div",
|
|
6563
|
+
{
|
|
6564
|
+
ref,
|
|
6565
|
+
className: cn(resolveIconTileVariants({ intent, tone, size }), className),
|
|
6566
|
+
...props,
|
|
6567
|
+
children: [
|
|
6568
|
+
icon,
|
|
6569
|
+
badge != null && /* @__PURE__ */ jsx("span", { className: "ds:absolute ds:-top-1.5 ds:-right-1.5 ds:z-10 ds:flex", children: badge })
|
|
6570
|
+
]
|
|
6571
|
+
}
|
|
6572
|
+
);
|
|
6067
6573
|
});
|
|
6068
6574
|
IconTile.displayName = "IconTile";
|
|
6069
6575
|
var inputVariants = cva(
|
|
@@ -6348,7 +6854,11 @@ Label4.displayName = LabelPrimitive.Root.displayName;
|
|
|
6348
6854
|
var LinkButton = forwardRef(function LinkButton2({
|
|
6349
6855
|
href,
|
|
6350
6856
|
variant = "primary",
|
|
6857
|
+
intent,
|
|
6351
6858
|
size = "md",
|
|
6859
|
+
fullWidth,
|
|
6860
|
+
iconStart,
|
|
6861
|
+
iconEnd,
|
|
6352
6862
|
iconLeft,
|
|
6353
6863
|
iconRight,
|
|
6354
6864
|
children,
|
|
@@ -6356,28 +6866,45 @@ var LinkButton = forwardRef(function LinkButton2({
|
|
|
6356
6866
|
external,
|
|
6357
6867
|
target,
|
|
6358
6868
|
rel,
|
|
6869
|
+
disabled,
|
|
6870
|
+
onClick,
|
|
6871
|
+
onKeyDown,
|
|
6359
6872
|
...props
|
|
6360
6873
|
}, ref) {
|
|
6361
|
-
|
|
6362
|
-
const
|
|
6874
|
+
warnLegacyButtonProps("LinkButton", { variant, size, iconLeft, iconRight });
|
|
6875
|
+
const icons = resolveButtonIcons({ iconStart, iconEnd, iconLeft, iconRight }, "LinkButton");
|
|
6876
|
+
const inert = Boolean(disabled);
|
|
6877
|
+
const classes = cn(
|
|
6878
|
+
buttonVariants({ variant, intent, size }),
|
|
6879
|
+
fullWidth && "ds:w-full",
|
|
6880
|
+
inert && INERT_CLASSES,
|
|
6881
|
+
inert && DISABLED_LOOK_CLASSES,
|
|
6882
|
+
className
|
|
6883
|
+
);
|
|
6884
|
+
const root = {
|
|
6885
|
+
...slot(linkButtonAnatomy, "root"),
|
|
6886
|
+
...stateAttributes({ variant, intent: intent ?? void 0, size, disabled: inert }),
|
|
6887
|
+
...inert ? INERT_ATTRIBUTES : {},
|
|
6888
|
+
...inertHandlers(inert, { onClick, onKeyDown })
|
|
6889
|
+
};
|
|
6363
6890
|
const content = /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
6364
|
-
|
|
6891
|
+
icons.start && /* @__PURE__ */ jsx(
|
|
6365
6892
|
"span",
|
|
6366
6893
|
{
|
|
6367
6894
|
...slot(linkButtonAnatomy, "icon-start"),
|
|
6368
6895
|
className: "ds:inline-flex ds:shrink-0",
|
|
6369
6896
|
"aria-hidden": "true",
|
|
6370
|
-
children:
|
|
6897
|
+
children: icons.start
|
|
6371
6898
|
}
|
|
6372
6899
|
),
|
|
6373
6900
|
children,
|
|
6374
|
-
|
|
6901
|
+
icons.end && /* @__PURE__ */ jsx(
|
|
6375
6902
|
"span",
|
|
6376
6903
|
{
|
|
6377
6904
|
...slot(linkButtonAnatomy, "icon-end"),
|
|
6378
6905
|
className: "ds:inline-flex ds:shrink-0",
|
|
6379
6906
|
"aria-hidden": "true",
|
|
6380
|
-
children:
|
|
6907
|
+
children: icons.end
|
|
6381
6908
|
}
|
|
6382
6909
|
)
|
|
6383
6910
|
] });
|
|
@@ -7682,6 +8209,99 @@ function PhoneCountryInput({
|
|
|
7682
8209
|
error && /* @__PURE__ */ jsx("p", { className: "ds:mt-1 ds:text-xs ds:text-danger-fg", children: error })
|
|
7683
8210
|
] });
|
|
7684
8211
|
}
|
|
8212
|
+
var Pressable = forwardRef(function Pressable2({
|
|
8213
|
+
asChild = false,
|
|
8214
|
+
pressed,
|
|
8215
|
+
disabled,
|
|
8216
|
+
type,
|
|
8217
|
+
className,
|
|
8218
|
+
onClick,
|
|
8219
|
+
onKeyDown,
|
|
8220
|
+
onKeyUp,
|
|
8221
|
+
children,
|
|
8222
|
+
...props
|
|
8223
|
+
}, ref) {
|
|
8224
|
+
const state = stateAttributes({ disabled, pressed });
|
|
8225
|
+
const handleClick = (event) => {
|
|
8226
|
+
if (disabled) {
|
|
8227
|
+
event.preventDefault();
|
|
8228
|
+
event.stopPropagation();
|
|
8229
|
+
return;
|
|
8230
|
+
}
|
|
8231
|
+
onClick?.(event);
|
|
8232
|
+
};
|
|
8233
|
+
const handleKeyDown = (event) => {
|
|
8234
|
+
onKeyDown?.(event);
|
|
8235
|
+
if (event.defaultPrevented) return;
|
|
8236
|
+
const element = event.currentTarget;
|
|
8237
|
+
if (disabled) {
|
|
8238
|
+
if (event.key === "Enter" || event.key === " ") event.preventDefault();
|
|
8239
|
+
return;
|
|
8240
|
+
}
|
|
8241
|
+
if (isNativeButton(element)) return;
|
|
8242
|
+
if (event.key === " ") {
|
|
8243
|
+
event.preventDefault();
|
|
8244
|
+
return;
|
|
8245
|
+
}
|
|
8246
|
+
if (event.key === "Enter" && !isLink(element)) {
|
|
8247
|
+
event.preventDefault();
|
|
8248
|
+
element.click();
|
|
8249
|
+
}
|
|
8250
|
+
};
|
|
8251
|
+
const handleKeyUp = (event) => {
|
|
8252
|
+
onKeyUp?.(event);
|
|
8253
|
+
if (event.defaultPrevented || disabled) return;
|
|
8254
|
+
const element = event.currentTarget;
|
|
8255
|
+
if (event.key === " " && !isNativeButton(element)) {
|
|
8256
|
+
event.preventDefault();
|
|
8257
|
+
element.click();
|
|
8258
|
+
}
|
|
8259
|
+
};
|
|
8260
|
+
const shared = {
|
|
8261
|
+
...slot(pressableAnatomy, "root"),
|
|
8262
|
+
...state,
|
|
8263
|
+
"aria-pressed": pressed,
|
|
8264
|
+
className: cn(PRESSABLE_CLASSES, className),
|
|
8265
|
+
onClick: handleClick,
|
|
8266
|
+
onKeyDown: handleKeyDown,
|
|
8267
|
+
onKeyUp: handleKeyUp
|
|
8268
|
+
};
|
|
8269
|
+
if (asChild) {
|
|
8270
|
+
return /* @__PURE__ */ jsx(
|
|
8271
|
+
Slot,
|
|
8272
|
+
{
|
|
8273
|
+
ref,
|
|
8274
|
+
...shared,
|
|
8275
|
+
...disabled ? { "aria-disabled": true, tabIndex: -1 } : {},
|
|
8276
|
+
...type === void 0 ? {} : { type },
|
|
8277
|
+
...props,
|
|
8278
|
+
children
|
|
8279
|
+
}
|
|
8280
|
+
);
|
|
8281
|
+
}
|
|
8282
|
+
return /* @__PURE__ */ jsx(
|
|
8283
|
+
"button",
|
|
8284
|
+
{
|
|
8285
|
+
ref,
|
|
8286
|
+
type: type ?? "button",
|
|
8287
|
+
disabled,
|
|
8288
|
+
...shared,
|
|
8289
|
+
...props,
|
|
8290
|
+
children
|
|
8291
|
+
}
|
|
8292
|
+
);
|
|
8293
|
+
});
|
|
8294
|
+
Pressable.displayName = "Pressable";
|
|
8295
|
+
var PRESSABLE_CLASSES = "ds:cursor-pointer ds:focus-visible:outline-none ds:focus-visible:[box-shadow:var(--shadow-focus-ring)] ds:data-[disabled]:pointer-events-none";
|
|
8296
|
+
function isNativeButton(element) {
|
|
8297
|
+
if (element.tagName === "BUTTON") return true;
|
|
8298
|
+
if (element.tagName !== "INPUT") return false;
|
|
8299
|
+
const type = element.type;
|
|
8300
|
+
return type === "button" || type === "submit" || type === "reset";
|
|
8301
|
+
}
|
|
8302
|
+
function isLink(element) {
|
|
8303
|
+
return element.tagName === "A" && element.hasAttribute("href");
|
|
8304
|
+
}
|
|
7685
8305
|
var BARS = [
|
|
7686
8306
|
{ x: 1.5, y: 9, height: 5 },
|
|
7687
8307
|
// bar 1 (shortest)
|
|
@@ -7740,25 +8360,43 @@ function PriorityIcon({ priority, size = 16, className, ...props }) {
|
|
|
7740
8360
|
}
|
|
7741
8361
|
);
|
|
7742
8362
|
}
|
|
7743
|
-
|
|
7744
|
-
|
|
7745
|
-
|
|
7746
|
-
|
|
7747
|
-
|
|
7748
|
-
|
|
7749
|
-
|
|
7750
|
-
|
|
7751
|
-
|
|
7752
|
-
|
|
7753
|
-
|
|
7754
|
-
|
|
7755
|
-
|
|
7756
|
-
|
|
7757
|
-
);
|
|
7758
|
-
|
|
8363
|
+
|
|
8364
|
+
// src/foundation/progress-intent.ts
|
|
8365
|
+
var PROGRESS_LEGACY_TO_INTENT = {
|
|
8366
|
+
default: "brand",
|
|
8367
|
+
success: "success",
|
|
8368
|
+
warning: "warning",
|
|
8369
|
+
destructive: "danger",
|
|
8370
|
+
info: "info"
|
|
8371
|
+
};
|
|
8372
|
+
function autoProgressIntent(percentage) {
|
|
8373
|
+
return percentage >= 80 ? "success" : percentage >= 50 ? "warning" : "brand";
|
|
8374
|
+
}
|
|
8375
|
+
function resolveProgressIntent(intent, legacy, percentage) {
|
|
8376
|
+
if (intent) return intent;
|
|
8377
|
+
if (legacy) return PROGRESS_LEGACY_TO_INTENT[legacy];
|
|
8378
|
+
return autoProgressIntent(percentage);
|
|
8379
|
+
}
|
|
8380
|
+
var progressBarCva = cva(cn("ds:h-full ds:rounded-full", microInteractions.progress), {
|
|
8381
|
+
variants: {
|
|
8382
|
+
intent: {
|
|
8383
|
+
brand: "ds:bg-brand",
|
|
8384
|
+
neutral: "ds:bg-fg-4",
|
|
8385
|
+
info: "ds:bg-accent",
|
|
8386
|
+
success: "ds:bg-success-fg",
|
|
8387
|
+
warning: "ds:bg-warning-fg",
|
|
8388
|
+
danger: "ds:bg-danger-fg"
|
|
8389
|
+
}
|
|
8390
|
+
},
|
|
8391
|
+
defaultVariants: { intent: "brand" }
|
|
8392
|
+
});
|
|
8393
|
+
function progressBarVariants({ intent, variant } = {}) {
|
|
8394
|
+
return progressBarCva({ intent: resolveProgressIntent(intent, variant, 0) });
|
|
8395
|
+
}
|
|
8396
|
+
var ProgressBar = forwardRef(function ProgressBar2({ value, max = 100, label, showPercentage, intent, variant, className, ...props }, ref) {
|
|
7759
8397
|
const isIndeterminate = value == null;
|
|
7760
8398
|
const percentage = isIndeterminate ? 0 : Math.min(100, Math.max(0, value / max * 100));
|
|
7761
|
-
const
|
|
8399
|
+
const resolvedIntent = resolveProgressIntent(intent, variant, percentage);
|
|
7762
8400
|
return /* @__PURE__ */ jsxs("div", { className: cn("ds:w-full", className), children: [
|
|
7763
8401
|
(label || showPercentage) && /* @__PURE__ */ jsxs("div", { className: "ds:mb-1.5 ds:flex ds:items-center ds:justify-between ds:text-sm", children: [
|
|
7764
8402
|
label && /* @__PURE__ */ jsx("span", { className: "ds:text-fg-2 ds:font-medium", children: label }),
|
|
@@ -7780,7 +8418,7 @@ var ProgressBar = forwardRef(function ProgressBar2({ value, max = 100, label, sh
|
|
|
7780
8418
|
ProgressPrimitive.Indicator,
|
|
7781
8419
|
{
|
|
7782
8420
|
className: cn(
|
|
7783
|
-
|
|
8421
|
+
progressBarCva({ intent: resolvedIntent }),
|
|
7784
8422
|
isIndeterminate && "ds:absolute ds:inset-y-0 ds:left-0 ds:w-1/3 ds:animate-[progress-indeterminate_1.4s_var(--ease-out-quart)_infinite] ds:motion-reduce:animate-none"
|
|
7785
8423
|
),
|
|
7786
8424
|
style: isIndeterminate ? void 0 : { width: `${percentage}%` }
|
|
@@ -7797,27 +8435,42 @@ var ProgressBar = forwardRef(function ProgressBar2({ value, max = 100, label, sh
|
|
|
7797
8435
|
] });
|
|
7798
8436
|
});
|
|
7799
8437
|
ProgressBar.displayName = "ProgressBar";
|
|
7800
|
-
var
|
|
8438
|
+
var progressRingCva = cva(
|
|
7801
8439
|
"ds:transition-[stroke-dashoffset,stroke] ds:duration-[var(--duration-slow)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
|
|
7802
8440
|
{
|
|
7803
8441
|
variants: {
|
|
7804
|
-
|
|
7805
|
-
|
|
8442
|
+
intent: {
|
|
8443
|
+
brand: "ds:text-brand",
|
|
8444
|
+
neutral: "ds:text-fg-4",
|
|
8445
|
+
info: "ds:text-accent",
|
|
7806
8446
|
success: "ds:text-success-fg",
|
|
7807
8447
|
warning: "ds:text-warning-fg",
|
|
7808
|
-
|
|
7809
|
-
info: "ds:text-accent"
|
|
8448
|
+
danger: "ds:text-danger-fg"
|
|
7810
8449
|
}
|
|
7811
8450
|
},
|
|
7812
|
-
defaultVariants: {
|
|
8451
|
+
defaultVariants: { intent: "brand" }
|
|
7813
8452
|
}
|
|
7814
8453
|
);
|
|
7815
|
-
|
|
8454
|
+
function progressRingVariants({ intent, variant } = {}) {
|
|
8455
|
+
return progressRingCva({ intent: resolveProgressIntent(intent, variant, 0) });
|
|
8456
|
+
}
|
|
8457
|
+
var ProgressRing = forwardRef(function ProgressRing2({
|
|
8458
|
+
value,
|
|
8459
|
+
max = 100,
|
|
8460
|
+
size = 80,
|
|
8461
|
+
strokeWidth = 6,
|
|
8462
|
+
label,
|
|
8463
|
+
sublabel,
|
|
8464
|
+
intent,
|
|
8465
|
+
variant,
|
|
8466
|
+
className,
|
|
8467
|
+
...props
|
|
8468
|
+
}, ref) {
|
|
7816
8469
|
const percentage = Math.min(100, Math.max(0, value / max * 100));
|
|
7817
8470
|
const radius = (size - strokeWidth) / 2;
|
|
7818
8471
|
const circumference = 2 * Math.PI * radius;
|
|
7819
8472
|
const offset = circumference - percentage / 100 * circumference;
|
|
7820
|
-
const
|
|
8473
|
+
const resolvedIntent = resolveProgressIntent(intent, variant, percentage);
|
|
7821
8474
|
return /* @__PURE__ */ jsxs(
|
|
7822
8475
|
"div",
|
|
7823
8476
|
{
|
|
@@ -7856,7 +8509,7 @@ var ProgressRing = forwardRef(function ProgressRing2({ value, max = 100, size =
|
|
|
7856
8509
|
strokeDasharray: circumference,
|
|
7857
8510
|
strokeDashoffset: offset,
|
|
7858
8511
|
strokeLinecap: "round",
|
|
7859
|
-
className:
|
|
8512
|
+
className: progressRingCva({ intent: resolvedIntent })
|
|
7860
8513
|
}
|
|
7861
8514
|
)
|
|
7862
8515
|
] }),
|
|
@@ -8924,19 +9577,29 @@ var SectionHead = forwardRef(function SectionHead2({ eyebrow, title, meta, class
|
|
|
8924
9577
|
);
|
|
8925
9578
|
});
|
|
8926
9579
|
SectionHead.displayName = "SectionHead";
|
|
8927
|
-
var
|
|
8928
|
-
|
|
9580
|
+
var INTENT_FILL = {
|
|
9581
|
+
brand: "var(--ds-color-action-brand-bg, var(--color-brand))",
|
|
9582
|
+
neutral: "var(--ds-color-content-subtle, var(--color-fg-4))",
|
|
9583
|
+
info: "var(--ds-color-action-accent-bg, var(--color-accent))",
|
|
8929
9584
|
success: "var(--ds-color-feedback-success-fg, var(--color-success-fg))",
|
|
8930
9585
|
warning: "var(--ds-color-feedback-warning-fg, var(--color-warning-fg))",
|
|
8931
|
-
|
|
8932
|
-
|
|
9586
|
+
danger: "var(--ds-color-feedback-danger-fg, var(--color-danger-fg))"
|
|
9587
|
+
};
|
|
9588
|
+
var SERVICE_FILL = {
|
|
8933
9589
|
tax: "var(--ds-color-service-tax, var(--color-service-tax))",
|
|
8934
9590
|
audit: "var(--ds-color-service-audit, var(--color-service-audit))",
|
|
8935
9591
|
accounting: "var(--ds-color-service-accounting, var(--color-service-accounting))"
|
|
8936
9592
|
};
|
|
9593
|
+
var isSegmentedServiceTone = (tone) => typeof tone === "string" && Object.hasOwn(SERVICE_FILL, tone);
|
|
9594
|
+
function resolveSegmentedFill(intent, tone) {
|
|
9595
|
+
if (intent) return INTENT_FILL[intent];
|
|
9596
|
+
if (isSegmentedServiceTone(tone)) return SERVICE_FILL[tone];
|
|
9597
|
+
return INTENT_FILL[tone ? PROGRESS_LEGACY_TO_INTENT[tone] : "brand"];
|
|
9598
|
+
}
|
|
8937
9599
|
var SegmentedProgress = forwardRef(
|
|
8938
|
-
function SegmentedProgress2({ steps, current, tone
|
|
9600
|
+
function SegmentedProgress2({ steps, current, intent, tone, thickness = 6, label, className, style, ...props }, ref) {
|
|
8939
9601
|
const filled = Math.min(steps, Math.max(0, current));
|
|
9602
|
+
const fill = resolveSegmentedFill(intent, tone);
|
|
8940
9603
|
return /* @__PURE__ */ jsx(
|
|
8941
9604
|
"div",
|
|
8942
9605
|
{
|
|
@@ -8954,7 +9617,9 @@ var SegmentedProgress = forwardRef(
|
|
|
8954
9617
|
{
|
|
8955
9618
|
"aria-hidden": "true",
|
|
8956
9619
|
className: "ds:h-full ds:flex-1 ds:rounded-full ds:transition-colors ds:duration-[var(--duration-normal)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
|
|
8957
|
-
style: {
|
|
9620
|
+
style: {
|
|
9621
|
+
background: i < filled ? fill : "var(--ds-color-canvas-sunken-strong, var(--color-bg-3))"
|
|
9622
|
+
}
|
|
8958
9623
|
},
|
|
8959
9624
|
i
|
|
8960
9625
|
))
|
|
@@ -9648,14 +10313,24 @@ var Stat = forwardRef(function Stat2({ value, label, className, ...props }, ref)
|
|
|
9648
10313
|
] });
|
|
9649
10314
|
});
|
|
9650
10315
|
Stat.displayName = "Stat";
|
|
9651
|
-
var
|
|
10316
|
+
var STATUS_DOT_TONE_TO_INTENT = {
|
|
10317
|
+
danger: "danger",
|
|
10318
|
+
warning: "warning",
|
|
10319
|
+
info: "info",
|
|
10320
|
+
success: "success",
|
|
10321
|
+
pro: "brand",
|
|
10322
|
+
neutral: "neutral"
|
|
10323
|
+
};
|
|
10324
|
+
var statusDotCva = cva("ds:relative ds:inline-flex ds:shrink-0 ds:rounded-full ds:bg-current", {
|
|
9652
10325
|
variants: {
|
|
9653
|
-
|
|
10326
|
+
intent: {
|
|
9654
10327
|
danger: "ds:text-danger-fg",
|
|
9655
10328
|
warning: "ds:text-warning-fg",
|
|
9656
10329
|
info: "ds:text-accent",
|
|
9657
10330
|
success: "ds:text-success-fg",
|
|
9658
|
-
|
|
10331
|
+
// `brand` renders what `tone="pro"` rendered: the brand ink of the
|
|
10332
|
+
// active theme (`--color-pro-fg` follows `createBrandTheme`).
|
|
10333
|
+
brand: "ds:text-pro-fg",
|
|
9659
10334
|
neutral: "ds:text-fg-4"
|
|
9660
10335
|
},
|
|
9661
10336
|
size: {
|
|
@@ -9668,12 +10343,16 @@ var statusDotVariants = cva("ds:relative ds:inline-flex ds:shrink-0 ds:rounded-f
|
|
|
9668
10343
|
}
|
|
9669
10344
|
},
|
|
9670
10345
|
defaultVariants: {
|
|
9671
|
-
|
|
10346
|
+
intent: "danger",
|
|
9672
10347
|
size: "sm",
|
|
9673
10348
|
ring: false
|
|
9674
10349
|
}
|
|
9675
10350
|
});
|
|
9676
|
-
var
|
|
10351
|
+
var resolveStatusDotIntent = (intent, tone) => intent ?? (tone ? STATUS_DOT_TONE_TO_INTENT[tone] : void 0);
|
|
10352
|
+
function statusDotVariants({ intent, tone, size, ring } = {}) {
|
|
10353
|
+
return statusDotCva({ intent: resolveStatusDotIntent(intent, tone), size, ring });
|
|
10354
|
+
}
|
|
10355
|
+
var StatusDot = forwardRef(function StatusDot2({ intent, tone, size, ring, pulse, className, ...props }, ref) {
|
|
9677
10356
|
const ariaLabel = props["aria-label"];
|
|
9678
10357
|
return /* @__PURE__ */ jsx(
|
|
9679
10358
|
"span",
|
|
@@ -9681,7 +10360,7 @@ var StatusDot = forwardRef(function StatusDot2({ tone, size, ring, pulse, classN
|
|
|
9681
10360
|
ref,
|
|
9682
10361
|
role: ariaLabel ? "img" : void 0,
|
|
9683
10362
|
"aria-hidden": ariaLabel ? void 0 : true,
|
|
9684
|
-
className: cn(statusDotVariants({ tone, size, ring }), className),
|
|
10363
|
+
className: cn(statusDotVariants({ intent, tone, size, ring }), className),
|
|
9685
10364
|
...props,
|
|
9686
10365
|
children: pulse && /* @__PURE__ */ jsx(
|
|
9687
10366
|
"span",
|
|
@@ -9958,7 +10637,7 @@ var StickyActionBar = forwardRef(
|
|
|
9958
10637
|
}
|
|
9959
10638
|
);
|
|
9960
10639
|
StickyActionBar.displayName = "StickyActionBar";
|
|
9961
|
-
var SubmitButton = forwardRef(function SubmitButton2({ pendingText, children,
|
|
10640
|
+
var SubmitButton = forwardRef(function SubmitButton2({ pendingText, children, fullWidth = true, ...props }, ref) {
|
|
9962
10641
|
const { pending } = useFormStatus();
|
|
9963
10642
|
return /* @__PURE__ */ jsx(
|
|
9964
10643
|
Button,
|
|
@@ -9967,93 +10646,109 @@ var SubmitButton = forwardRef(function SubmitButton2({ pendingText, children, cl
|
|
|
9967
10646
|
type: "submit",
|
|
9968
10647
|
loading: pending,
|
|
9969
10648
|
disabled: pending,
|
|
9970
|
-
|
|
10649
|
+
fullWidth,
|
|
9971
10650
|
...props,
|
|
9972
10651
|
children: pending && pendingText ? pendingText : children
|
|
9973
10652
|
}
|
|
9974
10653
|
);
|
|
9975
10654
|
});
|
|
9976
10655
|
SubmitButton.displayName = "SubmitButton";
|
|
9977
|
-
var
|
|
10656
|
+
var SUITE_PROGRESS_TONE_TO_INTENT = { pro: "brand" };
|
|
10657
|
+
var SUITE_FILL = {
|
|
10658
|
+
audit: "ds:bg-brand-audit",
|
|
10659
|
+
books: "ds:bg-brand-books",
|
|
10660
|
+
tax: "ds:bg-brand-tax"
|
|
10661
|
+
};
|
|
10662
|
+
var suiteProgressFillCva = cva("", {
|
|
9978
10663
|
variants: {
|
|
9979
|
-
|
|
9980
|
-
|
|
9981
|
-
|
|
9982
|
-
|
|
9983
|
-
|
|
9984
|
-
|
|
10664
|
+
intent: {
|
|
10665
|
+
// `brand` renders what `tone="pro"` rendered.
|
|
10666
|
+
brand: "ds:bg-brand-pro",
|
|
10667
|
+
neutral: "ds:bg-fg-4",
|
|
10668
|
+
info: "ds:bg-accent",
|
|
10669
|
+
success: "ds:bg-success-fg",
|
|
10670
|
+
warning: "ds:bg-warning-fg",
|
|
10671
|
+
danger: "ds:bg-danger-fg"
|
|
10672
|
+
},
|
|
10673
|
+
suite: SUITE_FILL
|
|
9985
10674
|
},
|
|
9986
|
-
defaultVariants: {
|
|
10675
|
+
defaultVariants: { intent: "brand" }
|
|
9987
10676
|
});
|
|
10677
|
+
var isSuiteProgressSuiteTone = (tone) => typeof tone === "string" && Object.hasOwn(SUITE_FILL, tone);
|
|
10678
|
+
function suiteProgressFillVariants({ intent, tone } = {}) {
|
|
10679
|
+
if (intent) return suiteProgressFillCva({ intent });
|
|
10680
|
+
if (isSuiteProgressSuiteTone(tone)) return suiteProgressFillCva({ intent: null, suite: tone });
|
|
10681
|
+
return suiteProgressFillCva({ intent: tone ? SUITE_PROGRESS_TONE_TO_INTENT[tone] : "brand" });
|
|
10682
|
+
}
|
|
9988
10683
|
var SIZE_STYLES = {
|
|
9989
10684
|
sm: { row: "ds:gap-2", track: "ds:gap-0.5", segment: "ds:h-1", text: "ds:text-xs" },
|
|
9990
10685
|
md: { row: "ds:gap-3", track: "ds:gap-1", segment: "ds:h-[5px]", text: "ds:text-sm" }
|
|
9991
10686
|
};
|
|
9992
|
-
var SuiteProgress = forwardRef(
|
|
9993
|
-
|
|
9994
|
-
|
|
9995
|
-
|
|
9996
|
-
|
|
9997
|
-
|
|
9998
|
-
|
|
9999
|
-
|
|
10000
|
-
|
|
10001
|
-
|
|
10002
|
-
|
|
10003
|
-
|
|
10004
|
-
|
|
10005
|
-
|
|
10006
|
-
|
|
10007
|
-
|
|
10008
|
-
|
|
10009
|
-
|
|
10010
|
-
|
|
10011
|
-
|
|
10012
|
-
|
|
10013
|
-
|
|
10014
|
-
|
|
10015
|
-
|
|
10016
|
-
|
|
10017
|
-
|
|
10018
|
-
|
|
10019
|
-
|
|
10020
|
-
|
|
10021
|
-
|
|
10022
|
-
|
|
10023
|
-
|
|
10024
|
-
|
|
10025
|
-
|
|
10026
|
-
|
|
10027
|
-
|
|
10028
|
-
className: cn(
|
|
10029
|
-
"ds:flex-1 ds:rounded-full",
|
|
10030
|
-
styles.segment,
|
|
10031
|
-
"ds:transition-colors ds:duration-[var(--duration-overlay)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
|
|
10032
|
-
filled ? suiteProgressFillVariants({ tone }) : "ds:bg-surface-3",
|
|
10033
|
-
segmentClassName
|
|
10034
|
-
)
|
|
10035
|
-
},
|
|
10036
|
-
i
|
|
10037
|
-
);
|
|
10038
|
-
}) }),
|
|
10039
|
-
showPercent && /* @__PURE__ */ jsxs(
|
|
10040
|
-
"span",
|
|
10687
|
+
var SuiteProgress = forwardRef(function SuiteProgress2({
|
|
10688
|
+
value,
|
|
10689
|
+
total,
|
|
10690
|
+
showPercent = true,
|
|
10691
|
+
percent,
|
|
10692
|
+
intent,
|
|
10693
|
+
tone,
|
|
10694
|
+
size = "md",
|
|
10695
|
+
label,
|
|
10696
|
+
segmentClassName,
|
|
10697
|
+
className,
|
|
10698
|
+
...props
|
|
10699
|
+
}, ref) {
|
|
10700
|
+
const styles = SIZE_STYLES[size];
|
|
10701
|
+
const fill = suiteProgressFillVariants({ intent, tone });
|
|
10702
|
+
const safeTotal = Math.max(1, Math.floor(total));
|
|
10703
|
+
const safeValue = Math.min(safeTotal, Math.max(0, Math.floor(value)));
|
|
10704
|
+
const resolvedPercent = percent != null ? Math.min(100, Math.max(0, Math.round(percent))) : Math.round(safeValue / safeTotal * 100);
|
|
10705
|
+
return /* @__PURE__ */ jsxs(
|
|
10706
|
+
"div",
|
|
10707
|
+
{
|
|
10708
|
+
ref,
|
|
10709
|
+
role: "progressbar",
|
|
10710
|
+
"aria-valuenow": resolvedPercent,
|
|
10711
|
+
"aria-valuemin": 0,
|
|
10712
|
+
"aria-valuemax": 100,
|
|
10713
|
+
"aria-valuetext": `${safeValue} of ${safeTotal}`,
|
|
10714
|
+
"aria-label": label ?? "Progress",
|
|
10715
|
+
className: cn("ds:flex ds:items-center", styles.row, className),
|
|
10716
|
+
...props,
|
|
10717
|
+
children: [
|
|
10718
|
+
label && /* @__PURE__ */ jsx("span", { className: cn("ds:text-fg-2 ds:flex-none ds:font-medium", styles.text), children: label }),
|
|
10719
|
+
/* @__PURE__ */ jsx("div", { className: cn("ds:flex ds:min-w-0 ds:flex-1", styles.track), "aria-hidden": "true", children: Array.from({ length: safeTotal }, (_, i) => {
|
|
10720
|
+
const filled = i < safeValue;
|
|
10721
|
+
return /* @__PURE__ */ jsx(
|
|
10722
|
+
"div",
|
|
10041
10723
|
{
|
|
10042
10724
|
className: cn(
|
|
10043
|
-
"ds:
|
|
10044
|
-
styles.
|
|
10045
|
-
|
|
10046
|
-
|
|
10047
|
-
|
|
10048
|
-
|
|
10049
|
-
|
|
10050
|
-
|
|
10051
|
-
)
|
|
10052
|
-
|
|
10053
|
-
|
|
10054
|
-
|
|
10055
|
-
|
|
10056
|
-
|
|
10725
|
+
"ds:flex-1 ds:rounded-full",
|
|
10726
|
+
styles.segment,
|
|
10727
|
+
"ds:transition-colors ds:duration-[var(--duration-overlay)] ds:ease-[var(--ease-out-quart)] ds:motion-reduce:transition-none",
|
|
10728
|
+
filled ? fill : "ds:bg-surface-3",
|
|
10729
|
+
segmentClassName
|
|
10730
|
+
)
|
|
10731
|
+
},
|
|
10732
|
+
i
|
|
10733
|
+
);
|
|
10734
|
+
}) }),
|
|
10735
|
+
showPercent && /* @__PURE__ */ jsxs(
|
|
10736
|
+
"span",
|
|
10737
|
+
{
|
|
10738
|
+
className: cn(
|
|
10739
|
+
"ds:text-fg ds:flex-none ds:font-bold ds:tracking-tight ds:tabular-nums",
|
|
10740
|
+
styles.text
|
|
10741
|
+
),
|
|
10742
|
+
children: [
|
|
10743
|
+
resolvedPercent,
|
|
10744
|
+
/* @__PURE__ */ jsx("span", { className: "ds:text-fg-4 ds:ml-px ds:text-[0.72em] ds:font-semibold", children: "%" })
|
|
10745
|
+
]
|
|
10746
|
+
}
|
|
10747
|
+
)
|
|
10748
|
+
]
|
|
10749
|
+
}
|
|
10750
|
+
);
|
|
10751
|
+
});
|
|
10057
10752
|
SuiteProgress.displayName = "SuiteProgress";
|
|
10058
10753
|
var switchVariants = cva(
|
|
10059
10754
|
[
|
|
@@ -11302,42 +11997,326 @@ var Inline = forwardRef(function Inline2({ gap, align = "center", justify, wrap
|
|
|
11302
11997
|
);
|
|
11303
11998
|
});
|
|
11304
11999
|
Inline.displayName = "Inline";
|
|
11305
|
-
var
|
|
11306
|
-
|
|
11307
|
-
|
|
11308
|
-
|
|
11309
|
-
|
|
12000
|
+
var StatusBadge = forwardRef(function StatusBadge2({
|
|
12001
|
+
intent,
|
|
12002
|
+
variant = "soft",
|
|
12003
|
+
dot,
|
|
12004
|
+
loading,
|
|
12005
|
+
label,
|
|
12006
|
+
icon,
|
|
12007
|
+
description,
|
|
12008
|
+
size,
|
|
12009
|
+
shape,
|
|
12010
|
+
className,
|
|
12011
|
+
tabIndex,
|
|
12012
|
+
...props
|
|
12013
|
+
}, ref) {
|
|
12014
|
+
const showDot = !loading && Boolean(dot);
|
|
12015
|
+
const indicator = loading ? /* @__PURE__ */ jsx(Spinner, { size: "xs" }) : showDot ? /* @__PURE__ */ jsx("span", { className: "ds:size-1.5 ds:rounded-full ds:bg-current" }) : icon ?? null;
|
|
12016
|
+
const badge = /* @__PURE__ */ jsxs(
|
|
12017
|
+
"span",
|
|
12018
|
+
{
|
|
12019
|
+
ref,
|
|
12020
|
+
...slot(statusBadgeAnatomy, "root"),
|
|
12021
|
+
...stateAttributes({ variant, intent, size: size ?? "sm", loading }),
|
|
12022
|
+
className: cn(badgeVariants({ variant, intent, size, shape }), className),
|
|
12023
|
+
tabIndex: tabIndex ?? (description ? 0 : void 0),
|
|
12024
|
+
...props,
|
|
12025
|
+
children: [
|
|
12026
|
+
indicator && /* @__PURE__ */ jsx(
|
|
12027
|
+
"span",
|
|
12028
|
+
{
|
|
12029
|
+
...slot(statusBadgeAnatomy, "indicator"),
|
|
12030
|
+
className: cn(
|
|
12031
|
+
"ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
|
|
12032
|
+
// The dot is its own 6px box, as on Badge; glyphs and the spinner sit in the 14px icon box.
|
|
12033
|
+
!showDot && "ds:size-3.5"
|
|
12034
|
+
),
|
|
12035
|
+
"aria-hidden": "true",
|
|
12036
|
+
children: indicator
|
|
12037
|
+
}
|
|
12038
|
+
),
|
|
12039
|
+
/* @__PURE__ */ jsx("span", { ...slot(statusBadgeAnatomy, "label"), children: label })
|
|
12040
|
+
]
|
|
12041
|
+
}
|
|
12042
|
+
);
|
|
12043
|
+
if (description == null || description === false) return badge;
|
|
12044
|
+
return /* @__PURE__ */ jsxs(Tooltip, { children: [
|
|
12045
|
+
/* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: badge }),
|
|
12046
|
+
/* @__PURE__ */ jsx(TooltipContent, { children: description })
|
|
12047
|
+
] });
|
|
12048
|
+
});
|
|
12049
|
+
StatusBadge.displayName = "StatusBadge";
|
|
12050
|
+
|
|
12051
|
+
// src/primitives/behavior/control-size.ts
|
|
12052
|
+
var CONTROL_SIZE_CLASSES = {
|
|
12053
|
+
xs: "ds:h-(--control-height-xs) ds:px-(--control-padding-x-xs) ds:text-(length:--control-font-size-xs) ds:gap-(--control-gap-xs) ds:[&_svg]:size-(--control-icon-xs)",
|
|
12054
|
+
sm: "ds:h-(--control-height-sm) ds:px-(--control-padding-x-sm) ds:text-(length:--control-font-size-sm) ds:gap-(--control-gap-sm) ds:[&_svg]:size-(--control-icon-sm)",
|
|
12055
|
+
md: "ds:h-(--control-height-md) ds:px-(--control-padding-x-md) ds:text-(length:--control-font-size-md) ds:gap-(--control-gap-md) ds:[&_svg]:size-(--control-icon-md)",
|
|
12056
|
+
lg: "ds:h-(--control-height-lg) ds:px-(--control-padding-x-lg) ds:text-(length:--control-font-size-lg) ds:gap-(--control-gap-lg) ds:[&_svg]:size-(--control-icon-lg)",
|
|
12057
|
+
xl: "ds:h-(--control-height-xl) ds:px-(--control-padding-x-xl) ds:text-(length:--control-font-size-xl) ds:gap-(--control-gap-xl) ds:[&_svg]:size-(--control-icon-xl)"
|
|
11310
12058
|
};
|
|
11311
|
-
var
|
|
11312
|
-
|
|
11313
|
-
|
|
11314
|
-
|
|
12059
|
+
var SQUARE_CONTROL_SIZE_CLASSES = {
|
|
12060
|
+
xs: "ds:size-(--control-height-xs) ds:[&_svg]:size-(--control-icon-xs)",
|
|
12061
|
+
sm: "ds:size-(--control-height-sm) ds:[&_svg]:size-(--control-icon-sm)",
|
|
12062
|
+
md: "ds:size-(--control-height-md) ds:[&_svg]:size-(--control-icon-md)",
|
|
12063
|
+
lg: "ds:size-(--control-height-lg) ds:[&_svg]:size-(--control-icon-lg)",
|
|
12064
|
+
xl: "ds:size-(--control-height-xl) ds:[&_svg]:size-(--control-icon-xl)"
|
|
11315
12065
|
};
|
|
11316
|
-
var
|
|
11317
|
-
|
|
11318
|
-
|
|
11319
|
-
|
|
11320
|
-
|
|
11321
|
-
|
|
12066
|
+
var CONTROL_GAP_CLASSES = {
|
|
12067
|
+
xs: "ds:gap-(--control-gap-xs)",
|
|
12068
|
+
sm: "ds:gap-(--control-gap-sm)",
|
|
12069
|
+
md: "ds:gap-(--control-gap-md)",
|
|
12070
|
+
lg: "ds:gap-(--control-gap-lg)",
|
|
12071
|
+
xl: "ds:gap-(--control-gap-xl)"
|
|
11322
12072
|
};
|
|
11323
|
-
|
|
11324
|
-
|
|
11325
|
-
|
|
12073
|
+
function iconButtonVariants({
|
|
12074
|
+
variant,
|
|
12075
|
+
intent,
|
|
12076
|
+
size = "md",
|
|
12077
|
+
className
|
|
12078
|
+
} = {}) {
|
|
12079
|
+
const { look } = resolveButtonStyle({ variant, intent });
|
|
12080
|
+
return cn(
|
|
12081
|
+
buttonBase({ look, size: null }),
|
|
12082
|
+
"ds:shrink-0 ds:p-0",
|
|
12083
|
+
SQUARE_CONTROL_SIZE_CLASSES[size ?? "md"],
|
|
12084
|
+
className
|
|
12085
|
+
);
|
|
12086
|
+
}
|
|
12087
|
+
var IconButton = forwardRef(function IconButton2({
|
|
12088
|
+
label,
|
|
12089
|
+
icon,
|
|
12090
|
+
children,
|
|
12091
|
+
variant,
|
|
12092
|
+
intent,
|
|
12093
|
+
size = "md",
|
|
12094
|
+
tooltip = true,
|
|
12095
|
+
tooltipSide,
|
|
12096
|
+
asChild = false,
|
|
12097
|
+
loading,
|
|
12098
|
+
pressed,
|
|
12099
|
+
disabled,
|
|
12100
|
+
className,
|
|
12101
|
+
...props
|
|
12102
|
+
}, ref) {
|
|
12103
|
+
if (process.env.NODE_ENV !== "production" && typeof label !== "string") {
|
|
12104
|
+
throw new Error(
|
|
12105
|
+
"[IconButton] `label` is required: it is the accessible name of an icon-only control (and its default tooltip)."
|
|
12106
|
+
);
|
|
12107
|
+
}
|
|
12108
|
+
const style = resolveButtonStyle({ variant, intent });
|
|
12109
|
+
const state = stateAttributes({
|
|
12110
|
+
variant: style.variant,
|
|
12111
|
+
intent: style.intent,
|
|
12112
|
+
size,
|
|
12113
|
+
disabled: asChild ? void 0 : disabled || loading,
|
|
12114
|
+
loading: asChild ? void 0 : loading,
|
|
12115
|
+
pressed
|
|
12116
|
+
});
|
|
12117
|
+
const classes = iconButtonVariants({ variant, intent, size, className });
|
|
12118
|
+
const glyph = icon ?? children;
|
|
12119
|
+
const control = asChild ? /* @__PURE__ */ jsx(
|
|
12120
|
+
Slot,
|
|
11326
12121
|
{
|
|
11327
12122
|
ref,
|
|
11328
|
-
|
|
12123
|
+
"aria-label": label,
|
|
12124
|
+
"aria-pressed": pressed,
|
|
12125
|
+
...slot(iconButtonAnatomy, "root"),
|
|
12126
|
+
...state,
|
|
12127
|
+
className: classes,
|
|
12128
|
+
...props,
|
|
12129
|
+
children: glyph
|
|
12130
|
+
}
|
|
12131
|
+
) : /* @__PURE__ */ jsx(
|
|
12132
|
+
"button",
|
|
12133
|
+
{
|
|
12134
|
+
ref,
|
|
12135
|
+
type: "button",
|
|
12136
|
+
"aria-label": label,
|
|
12137
|
+
"aria-pressed": pressed,
|
|
12138
|
+
"aria-busy": loading || void 0,
|
|
12139
|
+
disabled: disabled || loading,
|
|
12140
|
+
...slot(iconButtonAnatomy, "root"),
|
|
12141
|
+
...state,
|
|
12142
|
+
className: classes,
|
|
12143
|
+
...props,
|
|
12144
|
+
children: loading ? (
|
|
12145
|
+
// `size={null}`: the glyph box is the button's `--ds-control-icon-*`.
|
|
12146
|
+
/* @__PURE__ */ jsx(Spinner, { size: null, ...slot(iconButtonAnatomy, "spinner") })
|
|
12147
|
+
) : /* @__PURE__ */ jsx(
|
|
12148
|
+
"span",
|
|
12149
|
+
{
|
|
12150
|
+
...slot(iconButtonAnatomy, "icon"),
|
|
12151
|
+
className: "ds:inline-flex ds:shrink-0",
|
|
12152
|
+
"aria-hidden": "true",
|
|
12153
|
+
children: glyph
|
|
12154
|
+
}
|
|
12155
|
+
)
|
|
12156
|
+
}
|
|
12157
|
+
);
|
|
12158
|
+
if (tooltip === false || tooltip === null || tooltip === void 0) return control;
|
|
12159
|
+
return /* @__PURE__ */ jsxs(Tooltip, { children: [
|
|
12160
|
+
/* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: control }),
|
|
12161
|
+
/* @__PURE__ */ jsx(TooltipContent, { side: tooltipSide, children: tooltip === true ? label : tooltip })
|
|
12162
|
+
] });
|
|
12163
|
+
});
|
|
12164
|
+
IconButton.displayName = "IconButton";
|
|
12165
|
+
function chipVariants2({
|
|
12166
|
+
variant,
|
|
12167
|
+
intent,
|
|
12168
|
+
size,
|
|
12169
|
+
pressed,
|
|
12170
|
+
className
|
|
12171
|
+
} = {}) {
|
|
12172
|
+
const { look } = resolveChipStyle({ variant, intent, pressed });
|
|
12173
|
+
return cn(
|
|
12174
|
+
buttonBase({ look, size: null }),
|
|
12175
|
+
"ds:rounded-full ds:shrink-0",
|
|
12176
|
+
CONTROL_SIZE_CLASSES[size ?? "sm"],
|
|
12177
|
+
className
|
|
12178
|
+
);
|
|
12179
|
+
}
|
|
12180
|
+
function resolveChipStyle({
|
|
12181
|
+
variant,
|
|
12182
|
+
intent,
|
|
12183
|
+
pressed
|
|
12184
|
+
}) {
|
|
12185
|
+
const emphasis = variant ?? "soft";
|
|
12186
|
+
const requested = intent === "destructive" ? "danger" : intent;
|
|
12187
|
+
const family = requested ?? (pressed ? "brand" : "neutral");
|
|
12188
|
+
return { variant: emphasis, intent: family, look: `${emphasis}/${family}` };
|
|
12189
|
+
}
|
|
12190
|
+
var REMOVE_HOVER = {
|
|
12191
|
+
brand: "ds:hover:bg-brand-bg-active",
|
|
12192
|
+
neutral: "ds:hover:bg-control-active-bg",
|
|
12193
|
+
success: "ds:hover:bg-success-line",
|
|
12194
|
+
danger: "ds:hover:bg-danger-line"
|
|
12195
|
+
};
|
|
12196
|
+
var Chip = forwardRef(function Chip2({
|
|
12197
|
+
children,
|
|
12198
|
+
icon,
|
|
12199
|
+
count,
|
|
12200
|
+
variant,
|
|
12201
|
+
intent,
|
|
12202
|
+
size = "sm",
|
|
12203
|
+
pressed,
|
|
12204
|
+
onPressedChange,
|
|
12205
|
+
onClick,
|
|
12206
|
+
onRemove,
|
|
12207
|
+
removeLabel,
|
|
12208
|
+
disabled,
|
|
12209
|
+
className,
|
|
12210
|
+
...props
|
|
12211
|
+
}, ref) {
|
|
12212
|
+
const isToggle = pressed !== void 0 || onPressedChange !== void 0;
|
|
12213
|
+
const pressedValue = isToggle ? Boolean(pressed) : void 0;
|
|
12214
|
+
const interactive = isToggle || onClick !== void 0;
|
|
12215
|
+
const style = resolveChipStyle({ variant, intent, pressed: pressedValue });
|
|
12216
|
+
const resolvedRemoveLabel = removeLabel ?? (typeof children === "string" ? `Remove ${children}` : void 0);
|
|
12217
|
+
if (process.env.NODE_ENV !== "production" && onRemove && resolvedRemoveLabel === void 0) {
|
|
12218
|
+
throw new Error(
|
|
12219
|
+
"[Chip] `removeLabel` is required when `onRemove` is set and the label is not a string: the remove button needs an accessible name."
|
|
12220
|
+
);
|
|
12221
|
+
}
|
|
12222
|
+
const handleClick = (event) => {
|
|
12223
|
+
onClick?.(event);
|
|
12224
|
+
if (event.defaultPrevented) return;
|
|
12225
|
+
if (isToggle) onPressedChange?.(!pressedValue);
|
|
12226
|
+
};
|
|
12227
|
+
const state = stateAttributes({
|
|
12228
|
+
variant: style.variant,
|
|
12229
|
+
intent: style.intent,
|
|
12230
|
+
size,
|
|
12231
|
+
disabled,
|
|
12232
|
+
pressed: pressedValue
|
|
12233
|
+
});
|
|
12234
|
+
const content = /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
12235
|
+
icon && /* @__PURE__ */ jsx(
|
|
12236
|
+
"span",
|
|
12237
|
+
{
|
|
12238
|
+
...slot(chipAnatomy, "icon"),
|
|
12239
|
+
className: "ds:inline-flex ds:shrink-0",
|
|
12240
|
+
"aria-hidden": "true",
|
|
12241
|
+
children: icon
|
|
12242
|
+
}
|
|
12243
|
+
),
|
|
12244
|
+
/* @__PURE__ */ jsx("span", { ...slot(chipAnatomy, "label"), children }),
|
|
12245
|
+
typeof count === "number" && /* @__PURE__ */ jsx("span", { ...slot(chipAnatomy, "count"), className: "ds:font-normal ds:tabular-nums", children: count })
|
|
12246
|
+
] });
|
|
12247
|
+
if (!onRemove) {
|
|
12248
|
+
return /* @__PURE__ */ jsx(
|
|
12249
|
+
Pressable,
|
|
12250
|
+
{
|
|
12251
|
+
ref,
|
|
12252
|
+
pressed: pressedValue,
|
|
12253
|
+
disabled,
|
|
12254
|
+
onClick: handleClick,
|
|
12255
|
+
...slot(chipAnatomy, "root"),
|
|
12256
|
+
...state,
|
|
12257
|
+
className: chipVariants2({ variant, intent, size, pressed: pressedValue, className }),
|
|
12258
|
+
...props,
|
|
12259
|
+
children: content
|
|
12260
|
+
}
|
|
12261
|
+
);
|
|
12262
|
+
}
|
|
12263
|
+
return /* @__PURE__ */ jsxs(
|
|
12264
|
+
"span",
|
|
12265
|
+
{
|
|
12266
|
+
ref,
|
|
12267
|
+
"aria-disabled": disabled || void 0,
|
|
12268
|
+
...slot(chipAnatomy, "root"),
|
|
12269
|
+
...state,
|
|
11329
12270
|
className: cn(
|
|
11330
|
-
|
|
11331
|
-
|
|
11332
|
-
|
|
11333
|
-
|
|
12271
|
+
chipVariants2({ variant, intent, size, pressed: pressedValue }),
|
|
12272
|
+
// The remove button ends the row in its own 24px box (a hit target of
|
|
12273
|
+
// its own, WCAG 2.5.8), so the end padding is the box's, not the text's.
|
|
12274
|
+
"ds:pe-1",
|
|
12275
|
+
!interactive && "ds:cursor-default",
|
|
12276
|
+
disabled && "ds:pointer-events-none ds:bg-bg-disabled ds:text-fg-disabled",
|
|
11334
12277
|
className
|
|
11335
12278
|
),
|
|
11336
|
-
...props
|
|
12279
|
+
...props,
|
|
12280
|
+
children: [
|
|
12281
|
+
interactive ? /* @__PURE__ */ jsx(
|
|
12282
|
+
Pressable,
|
|
12283
|
+
{
|
|
12284
|
+
pressed: pressedValue,
|
|
12285
|
+
disabled,
|
|
12286
|
+
onClick: handleClick,
|
|
12287
|
+
className: cn(
|
|
12288
|
+
"ds:inline-flex ds:h-full ds:min-w-0 ds:items-center ds:rounded-full ds:bg-transparent ds:p-0 ds:text-inherit",
|
|
12289
|
+
CONTROL_GAP_CLASSES[size]
|
|
12290
|
+
),
|
|
12291
|
+
children: content
|
|
12292
|
+
}
|
|
12293
|
+
) : /* @__PURE__ */ jsx(
|
|
12294
|
+
"span",
|
|
12295
|
+
{
|
|
12296
|
+
className: cn("ds:inline-flex ds:min-w-0 ds:items-center", CONTROL_GAP_CLASSES[size]),
|
|
12297
|
+
children: content
|
|
12298
|
+
}
|
|
12299
|
+
),
|
|
12300
|
+
/* @__PURE__ */ jsx(
|
|
12301
|
+
Pressable,
|
|
12302
|
+
{
|
|
12303
|
+
...slot(chipAnatomy, "remove"),
|
|
12304
|
+
"aria-label": resolvedRemoveLabel,
|
|
12305
|
+
disabled,
|
|
12306
|
+
onClick: onRemove,
|
|
12307
|
+
className: cn(
|
|
12308
|
+
"ds:inline-flex ds:size-6 ds:shrink-0 ds:items-center ds:justify-center ds:rounded-full ds:bg-transparent ds:p-0 ds:text-inherit",
|
|
12309
|
+
"ds:transition-colors ds:duration-[var(--motion-duration-feedback)] ds:motion-reduce:transition-none",
|
|
12310
|
+
REMOVE_HOVER[style.intent]
|
|
12311
|
+
),
|
|
12312
|
+
children: /* @__PURE__ */ jsx(XIcon, { "aria-hidden": "true" })
|
|
12313
|
+
}
|
|
12314
|
+
)
|
|
12315
|
+
]
|
|
11337
12316
|
}
|
|
11338
12317
|
);
|
|
11339
12318
|
});
|
|
11340
|
-
|
|
12319
|
+
Chip.displayName = "Chip";
|
|
11341
12320
|
var ICON_BTN = cn(
|
|
11342
12321
|
"ds:inline-flex ds:size-9 ds:shrink-0 ds:items-center ds:justify-center ds:rounded-[9px]",
|
|
11343
12322
|
"ds:border-rule-strong ds:bg-surface ds:text-fg-3 ds:border",
|
|
@@ -14062,7 +15041,7 @@ var ClientRailItem = forwardRef(
|
|
|
14062
15041
|
/* @__PURE__ */ jsxs("div", { className: "ds:min-w-0 ds:flex-1", children: [
|
|
14063
15042
|
/* @__PURE__ */ jsxs("div", { className: "ds:flex ds:items-center ds:gap-[7px]", children: [
|
|
14064
15043
|
/* @__PURE__ */ jsx("span", { className: "ds:truncate ds:text-[13.5px] ds:font-[650] ds:text-fg", children: name }),
|
|
14065
|
-
hasPending && /* @__PURE__ */ jsx(StatusDot, {
|
|
15044
|
+
hasPending && /* @__PURE__ */ jsx(StatusDot, { intent: "brand", size: "sm" }),
|
|
14066
15045
|
fileCount != null && /* @__PURE__ */ jsx("span", { className: "ds:shrink-0 ds:rounded-full ds:bg-surface-2 ds:px-[6px] ds:py-px ds:text-[10.5px] ds:font-bold ds:text-fg-3", children: fileCount })
|
|
14067
15046
|
] }),
|
|
14068
15047
|
/* @__PURE__ */ jsx("p", { className: "ds:mt-0.5 ds:text-[11.5px] ds:text-fg-3", children: hasPending ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -14098,7 +15077,7 @@ var ClientRailGroupHeader = forwardRef(function ClientRailGroupHeader2({ label,
|
|
|
14098
15077
|
),
|
|
14099
15078
|
...props,
|
|
14100
15079
|
children: [
|
|
14101
|
-
accent && /* @__PURE__ */ jsx(StatusDot, {
|
|
15080
|
+
accent && /* @__PURE__ */ jsx(StatusDot, { intent: "brand", size: "sm" }),
|
|
14102
15081
|
/* @__PURE__ */ jsxs("span", { children: [
|
|
14103
15082
|
label,
|
|
14104
15083
|
count != null && /* @__PURE__ */ jsxs("span", { className: accent ? void 0 : "ds:text-fg-4", children: [
|
|
@@ -19972,6 +20951,12 @@ var StickyStackSectionHeader = React39.forwardRef(function StickyStackSectionHea
|
|
|
19972
20951
|
return /* @__PURE__ */ jsx(StickyStackSticky, { ref, "data-sticky-stack-section-header": "", ...props });
|
|
19973
20952
|
});
|
|
19974
20953
|
StickyStackSectionHeader.displayName = "StickyStackSectionHeader";
|
|
20954
|
+
|
|
20955
|
+
// src/foundation/status-map.ts
|
|
20956
|
+
function defineStatusMap(map) {
|
|
20957
|
+
if (map === void 0) return (entries) => entries;
|
|
20958
|
+
return map;
|
|
20959
|
+
}
|
|
19975
20960
|
function brandScope(product) {
|
|
19976
20961
|
return { "data-brand": product };
|
|
19977
20962
|
}
|
|
@@ -19997,6 +20982,6 @@ var BrandScope = forwardRef(function BrandScope2({ product, children, ...props }
|
|
|
19997
20982
|
});
|
|
19998
20983
|
BrandScope.displayName = "BrandScope";
|
|
19999
20984
|
|
|
20000
|
-
export { AIReceiptPanel, Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, AgreementPaneHeading, AgreementViewer, AiDraftCard, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, ArchiveIcon, AreaChart, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, Assignee, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AtSignIcon, AttachmentChip, AttentionItem, Avatar, BRAND_PRODUCTS, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, BottomNav, BrainIcon, BrandScope, BrandScopeProvider, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, BulkActionBarSeparator, Button, COUNTRY_CODES, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryDivider, CategoryTag, ChannelTabs, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientRailGroupHeader, ClientRailItem, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content16 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CountryFlag, CountrySelect, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, Dash, DashGrid, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DataTableView, DatePicker, DateRangePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DisplayMenu, DocumentChecklist, DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentFileCard, DocumentFileLine, DocumentFileRow, DocumentIcon, DocumentList, DocumentListSection, DocumentRequestCard, DocumentRequestDetail, DocumentRequestField, DocumentRequestUpload, DocumentRow, DocumentSourceFilter, DocumentSourceTag, DocumentsWorkspaceLayout, DollarSignIcon, DonutChart, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmailMessageCard, EmptyState, EngagementCard, EngagementTimeline, EngagementTimelineStep, ExternalLinkIcon, ExtractIcon, EyeIcon, EyeOffIcon, Eyebrow, FileChip, FileIcon, FileReturnIcon, FileTextIcon, FileTypeBadge, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FolderTree, FolderUpIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, Grid, GripVerticalIcon, Heading, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, IconTile, InboxIcon, InfoCircleSolidIcon, InfoIcon, Inline, Input, IntentBadge, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, Kbd, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LandmarkIcon, LayersIcon, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MasterDetailLayout, MaximizeIcon, MenuIcon, MessageBubble, MessageBubbleAction, MessageBubbleTombstone, MessageCircleIcon, MessageCircleWarningIcon, MessageComposer, MetadataGrid, MicIcon, MicrosoftBrandIcon, MinimizeIcon, MinusIcon, MissingDocumentsPanel, MoneyCell, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, NewMenu, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelFooter, NotificationPanelHeader, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PanelRightIcon, PaperclipIcon, PauseIcon, PdfPreview, PenSignIcon, PenToolIcon, PencilIcon, PhoneCountryInput, PhoneIcon, PhoneInput, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, PriorityIcon, ProgressBar, ProgressRing, ProposalAddOn, ProposalBillingTerms, ProposalConsentGate, ProposalCustomPage, ProposalNote, ProposalPackageCard, ProposalPaymentCapture, ProposalPricingSummary, ProposalServiceRow, ProposalSignatureBlock, ProposalSignerList, QuestionnairePanel, Questions, RadioGroup3 as RadioGroup, RadioGroupItem, RankedBars, ReceiptIcon, RefreshCwIcon, ReplyIcon, ResponsiveDialog, RotateCcwIcon, RouteTransition, SERVICE_TONES, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, SegmentedProgress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableKpiCard, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandSwitcher, SidebarBrandSwitcherTile, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, SigmaIcon, SignatureEditor, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, Spinner, SpreadsheetPreview, Stack, StackedBarChart, StagePill, StarIcon, StarRating, Stat, StatusDot, StatusIcon, StatusPill, Stepper, StickyActionBar, StickyStack, StickyStackLayer, StickyStackSectionHeader, StickyStackSticky, StopIcon, StrikethroughIcon, SubmitButton, SuggestionPills, SuiteProgress, SunIcon, Surface, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TagsCell, TeamIcon, TeamMemberSelect, Text, Textarea, ThumbsDownIcon, ThumbsUpIcon, TimeLogger, TimeLoggerActions, TimeLoggerBillable, TimeLoggerContextRow, TimeLoggerEntry, TimeLoggerEntryList, TimeLoggerField, TimeLoggerFooter, TimeLoggerHeader, TimeLoggerNotes, TimeLoggerTimer, TimerIcon, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrashSolidIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VideoIcon, VisuallyHidden, Volume2Icon, VolumeXIcon, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, assetPath, attachmentChipVariants, badgeVariants, brandLabel, brandScope, buttonVariants, cardVariants, cn, colors, createIcon, dateToIso, displayToIso, fileTypeBadgeVariants, fileTypeFromName, filterChipVariants, formatClock, formatCurrency, formatDuration, getAssetBasePath, getFlagEmoji, iconTileVariants, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, serviceToneLabel, serviceToneStyle, setAssetBasePath, shadows, sidebarLinkBadgeVariants, spacing, spinnerVariants, starRatingVariants, statusDotVariants, suiteProgressFillVariants, surfaces, systemTokens, textareaVariants, typography, useBrandScope, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
|
|
20985
|
+
export { AIReceiptPanel, Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, AgreementPaneHeading, AgreementViewer, AiDraftCard, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, ArchiveIcon, AreaChart, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, Assignee, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AtSignIcon, AttachmentChip, AttentionItem, Avatar, BRAND_PRODUCTS, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, BottomNav, BrainIcon, BrandScope, BrandScopeProvider, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, BulkActionBarSeparator, Button, COUNTRY_CODES, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryDivider, CategoryTag, ChannelTabs, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownUpIcon, ChevronsUpDownIcon, Chip, CircleDotIcon, CircleIcon, ClientRailGroupHeader, ClientRailItem, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content16 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CountryFlag, CountrySelect, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, Dash, DashGrid, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DataTableView, DatePicker, DateRangePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DisplayMenu, DocumentChecklist, DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentFileCard, DocumentFileLine, DocumentFileRow, DocumentIcon, DocumentList, DocumentListSection, DocumentRequestCard, DocumentRequestDetail, DocumentRequestField, DocumentRequestUpload, DocumentRow, DocumentSourceFilter, DocumentSourceTag, DocumentsWorkspaceLayout, DollarSignIcon, DonutChart, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmailMessageCard, EmptyState, EngagementCard, EngagementTimeline, EngagementTimelineStep, ExternalLinkIcon, ExtractIcon, EyeIcon, EyeOffIcon, Eyebrow, FileChip, FileIcon, FileReturnIcon, FileTextIcon, FileTypeBadge, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FolderTree, FolderUpIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, Grid, GripVerticalIcon, Heading, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, ICON_TILE_TONE_TO_INTENT, IconAction, IconButton, IconTile, InboxIcon, InfoCircleSolidIcon, InfoIcon, Inline, Input, IntentBadge, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, Kbd, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LandmarkIcon, LayersIcon, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MasterDetailLayout, MaximizeIcon, MenuIcon, MessageBubble, MessageBubbleAction, MessageBubbleTombstone, MessageCircleIcon, MessageCircleWarningIcon, MessageComposer, MetadataGrid, MicIcon, MicrosoftBrandIcon, MinimizeIcon, MinusIcon, MissingDocumentsPanel, MoneyCell, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, NewMenu, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelFooter, NotificationPanelHeader, Numeric, OTPInput, PROGRESS_LEGACY_TO_INTENT, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PanelRightIcon, PaperclipIcon, PauseIcon, PdfPreview, PenSignIcon, PenToolIcon, PencilIcon, PhoneCountryInput, PhoneIcon, PhoneInput, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Pressable, PrimaryAction, PriorityIcon, ProgressBar, ProgressRing, ProposalAddOn, ProposalBillingTerms, ProposalConsentGate, ProposalCustomPage, ProposalNote, ProposalPackageCard, ProposalPaymentCapture, ProposalPricingSummary, ProposalServiceRow, ProposalSignatureBlock, ProposalSignerList, QuestionnairePanel, Questions, RadioGroup3 as RadioGroup, RadioGroupItem, RankedBars, ReceiptIcon, RefreshCwIcon, ReplyIcon, ResponsiveDialog, RotateCcwIcon, RouteTransition, SERVICE_TONES, SPINNER_TONE_TO_INTENT, STATUS_DOT_TONE_TO_INTENT, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, SegmentedProgress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableKpiCard, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandSwitcher, SidebarBrandSwitcherTile, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, SigmaIcon, SignatureEditor, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, Spinner, SpreadsheetPreview, Stack, StackedBarChart, StagePill, StarIcon, StarRating, Stat, StatusBadge, StatusDot, StatusIcon, StatusPill, Stepper, StickyActionBar, StickyStack, StickyStackLayer, StickyStackSectionHeader, StickyStackSticky, StopIcon, StrikethroughIcon, SubmitButton, SuggestionPills, SuiteProgress, SunIcon, Surface, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TagsCell, TeamIcon, TeamMemberSelect, Text, Textarea, ThumbsDownIcon, ThumbsUpIcon, TimeLogger, TimeLoggerActions, TimeLoggerBillable, TimeLoggerContextRow, TimeLoggerEntry, TimeLoggerEntryList, TimeLoggerField, TimeLoggerFooter, TimeLoggerHeader, TimeLoggerNotes, TimeLoggerTimer, TimerIcon, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrashSolidIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VideoIcon, VisuallyHidden, Volume2Icon, VolumeXIcon, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, assetPath, attachmentChipVariants, badgeVariants, brandLabel, brandScope, buttonVariants, cardVariants, chipVariants2 as chipVariants, cn, colors, createIcon, dateToIso, defineStatusMap, displayToIso, fileTypeBadgeVariants, fileTypeFromName, filterChipVariants, formatClock, formatCurrency, formatDuration, getAssetBasePath, getFlagEmoji, iconButtonVariants, resolveIconTileVariants as iconTileVariants, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, radii, reference, resolveBadgeAppearance, resolveButtonStyle, resolveChipStyle, searchInputVariants, serviceToneLabel, serviceToneStyle, setAssetBasePath, shadows, sidebarLinkBadgeVariants, spacing, spinnerVariants, starRatingVariants, statusDotVariants, suiteProgressFillVariants, surfaces, systemTokens, textareaVariants, typography, useBrandScope, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
|
|
20001
20986
|
//# sourceMappingURL=index.js.map
|
|
20002
20987
|
//# sourceMappingURL=index.js.map
|