@bergetai/ui 0.5.0 → 0.7.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/dist/index.cjs +724 -503
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +82 -1
- package/dist/index.d.ts +82 -1
- package/dist/index.js +697 -479
- package/dist/index.js.map +1 -1
- package/dist/neural-flow.cjs +1015 -0
- package/dist/neural-flow.cjs.map +1 -0
- package/dist/neural-flow.d.cts +47 -0
- package/dist/neural-flow.d.ts +47 -0
- package/dist/neural-flow.js +978 -0
- package/dist/neural-flow.js.map +1 -0
- package/package.json +20 -2
package/dist/index.js
CHANGED
|
@@ -207,7 +207,7 @@ import { cva } from "class-variance-authority";
|
|
|
207
207
|
import { cn as cn2 } from "cn";
|
|
208
208
|
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
209
209
|
var buttonVariants = cva(
|
|
210
|
-
"group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
210
|
+
"group/button inline-flex cursor-pointer shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
211
211
|
{
|
|
212
212
|
variants: {
|
|
213
213
|
variant: {
|
|
@@ -545,14 +545,345 @@ var Badge = React6.forwardRef(
|
|
|
545
545
|
);
|
|
546
546
|
Badge.displayName = "Badge";
|
|
547
547
|
|
|
548
|
-
// src/components/
|
|
548
|
+
// src/components/model-card/ModelCard.tsx
|
|
549
|
+
import * as React9 from "react";
|
|
550
|
+
|
|
551
|
+
// src/components/model-logo/ModelLogo.tsx
|
|
552
|
+
import * as React8 from "react";
|
|
553
|
+
import { ArrowDownWideNarrow, AudioLines, Bot, Braces, Eye, ScanEye } from "lucide-react";
|
|
554
|
+
|
|
555
|
+
// src/components/berget-logo/BergetLogo.tsx
|
|
549
556
|
import * as React7 from "react";
|
|
557
|
+
import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
558
|
+
var BergetLogo = React7.forwardRef(
|
|
559
|
+
({ variant = "logotype", color = "auto", size = 48, className, ...props }, ref) => {
|
|
560
|
+
const fillColor = color === "auto" ? "var(--berget-logo-light)" : color === "white" ? "var(--berget-logo-light)" : "var(--berget-logo-dark)";
|
|
561
|
+
if (variant === "symbol") {
|
|
562
|
+
const aspectRatio2 = 463 / 419;
|
|
563
|
+
const width2 = size * aspectRatio2;
|
|
564
|
+
const height2 = size;
|
|
565
|
+
return /* @__PURE__ */ jsx9(
|
|
566
|
+
"svg",
|
|
567
|
+
{
|
|
568
|
+
ref,
|
|
569
|
+
width: width2,
|
|
570
|
+
height: height2,
|
|
571
|
+
viewBox: "0 0 463 419",
|
|
572
|
+
fill: "none",
|
|
573
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
574
|
+
role: "img",
|
|
575
|
+
"aria-label": "Berget symbol",
|
|
576
|
+
className: cn("inline-block", className),
|
|
577
|
+
...props,
|
|
578
|
+
children: /* @__PURE__ */ jsx9(
|
|
579
|
+
"path",
|
|
580
|
+
{
|
|
581
|
+
d: "M208.739 17L255.261 17L446 403L398 403L313.5 255L261.5 176L233.163 96.1677L237.815 98.6522H226.185L230.837 96.1677L113 331L64.5 403L18 403L208.739 17Z",
|
|
582
|
+
style: { fill: fillColor }
|
|
583
|
+
}
|
|
584
|
+
)
|
|
585
|
+
}
|
|
586
|
+
);
|
|
587
|
+
}
|
|
588
|
+
const aspectRatio = 793.63 / 204.37;
|
|
589
|
+
const width = size * aspectRatio;
|
|
590
|
+
const height = size;
|
|
591
|
+
return /* @__PURE__ */ jsxs3(
|
|
592
|
+
"svg",
|
|
593
|
+
{
|
|
594
|
+
ref,
|
|
595
|
+
width,
|
|
596
|
+
height,
|
|
597
|
+
viewBox: "0 0 793.63 204.37",
|
|
598
|
+
fill: "none",
|
|
599
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
600
|
+
role: "img",
|
|
601
|
+
"aria-label": "Berget",
|
|
602
|
+
className: cn("inline-block", className),
|
|
603
|
+
...props,
|
|
604
|
+
children: [
|
|
605
|
+
/* @__PURE__ */ jsxs3("g", { style: { fill: fillColor }, children: [
|
|
606
|
+
/* @__PURE__ */ jsx9(
|
|
607
|
+
"path",
|
|
608
|
+
{
|
|
609
|
+
className: "berget-logotype-fill",
|
|
610
|
+
d: "M268.78,172.54v-96.04h37.74c10.39,0,18.26,2.33,23.6,7,5.33,4.67,8.01,10.52,8.01,17.56,0,6.13-1.72,11-5.15,14.61-3.43,3.61-7.58,6.06-12.44,7.34,3.81.73,7.22,2.2,10.22,4.39,3.01,2.2,5.36,4.94,7.08,8.23,1.72,3.29,2.58,6.86,2.58,10.7,0,4.94-1.27,9.4-3.79,13.38-2.53,3.98-6.22,7.11-11.08,9.4-4.86,2.29-10.82,3.43-17.87,3.43h-38.89ZM283.93,117.66h20.74c5.81,0,10.24-1.3,13.29-3.91,3.05-2.61,4.58-6.19,4.58-10.77s-1.51-8.05-4.51-10.7c-3-2.65-7.55-3.98-13.65-3.98h-20.45v29.36ZM283.93,160.61h21.74c6.1,0,10.84-1.37,14.22-4.11,3.38-2.75,5.08-6.59,5.08-11.53s-1.76-8.85-5.29-11.73-8.29-4.32-14.3-4.32h-21.45v31.69Z"
|
|
611
|
+
}
|
|
612
|
+
),
|
|
613
|
+
/* @__PURE__ */ jsx9(
|
|
614
|
+
"path",
|
|
615
|
+
{
|
|
616
|
+
className: "berget-logotype-fill",
|
|
617
|
+
d: "M382.45,174.19c-6.96,0-13.13-1.49-18.52-4.46-5.39-2.97-9.6-7.11-12.65-12.42-3.05-5.3-4.57-11.48-4.57-18.52s1.5-13.4,4.5-18.79,7.19-9.61,12.58-12.62c5.39-3.02,11.65-4.53,18.81-4.53s13,1.48,18.15,4.46c5.15,2.97,9.16,6.93,12.01,11.87,2.86,4.94,4.29,10.38,4.29,16.33,0,.92-.02,1.9-.07,2.95-.05,1.05-.12,2.22-.22,3.5h-55.19c.48,6.59,2.75,11.59,6.79,15.02,4.05,3.43,8.75,5.14,14.09,5.14,4.29,0,7.89-.93,10.79-2.81,2.91-1.88,5.08-4.41,6.51-7.61h15.16c-1.91,6.4-5.7,11.75-11.37,16.05-5.68,4.3-12.71,6.45-21.09,6.45ZM382.45,114.78c-5.05,0-9.54,1.44-13.44,4.32-3.91,2.88-6.29,7.2-7.15,12.97h40.04c-.29-5.3-2.24-9.51-5.87-12.62-3.62-3.11-8.15-4.67-13.58-4.67Z"
|
|
618
|
+
}
|
|
619
|
+
),
|
|
620
|
+
/* @__PURE__ */ jsx9(
|
|
621
|
+
"path",
|
|
622
|
+
{
|
|
623
|
+
className: "berget-logotype-fill",
|
|
624
|
+
d: "M425.62,172.54v-68.05h13.59l1.29,12.9c2.47-4.48,5.93-8.03,10.37-10.63,4.43-2.61,9.79-3.91,16.08-3.91v15.23h-4.15c-4.19,0-7.93.67-11.22,1.99-3.29,1.33-5.91,3.57-7.86,6.72-1.96,3.16-2.93,7.53-2.93,13.1v32.65h-15.16Z"
|
|
625
|
+
}
|
|
626
|
+
),
|
|
627
|
+
/* @__PURE__ */ jsx9(
|
|
628
|
+
"path",
|
|
629
|
+
{
|
|
630
|
+
className: "berget-logotype-fill",
|
|
631
|
+
d: "M500.25,151.69c-3.72,0-7.14-.41-10.29-1.24l-6.15,5.76c1.05.64,2.34,1.19,3.86,1.65,1.52.46,3.66.87,6.43,1.23,2.76.37,6.53.73,11.29,1.1,9.43.82,16.25,3,20.44,6.52,4.2,3.52,6.29,8.21,6.29,14.06,0,4.02-1.12,7.84-3.35,11.45-2.24,3.61-5.72,6.54-10.44,8.78s-10.74,3.36-18.09,3.36c-9.91,0-17.94-1.8-24.09-5.42-6.15-3.62-9.22-9.08-9.22-16.4,0-2.84.78-5.65,2.35-8.44,1.57-2.79,4.08-5.42,7.51-7.89-2-.83-3.74-1.72-5.22-2.68-1.48-.96-2.79-1.94-3.94-2.95v-3.29l12.3-12.07c-5.53-4.57-8.29-10.56-8.29-17.97,0-4.48,1.12-8.58,3.36-12.28,2.24-3.7,5.5-6.65,9.79-8.85,4.29-2.2,9.43-3.29,15.44-3.29,4.01,0,7.72.55,11.15,1.64h26.45v9.6l-12.58.69c2.28,3.75,3.43,7.91,3.43,12.49s-1.13,8.69-3.36,12.35c-2.24,3.66-5.48,6.59-9.72,8.78-4.25,2.2-9.37,3.29-15.37,3.29ZM481.24,181.19c0,3.93,1.81,6.88,5.44,8.85,3.62,1.97,8.15,2.95,13.58,2.95s9.48-1.07,12.72-3.22c3.24-2.15,4.86-5,4.86-8.57,0-2.65-1.09-4.92-3.29-6.79-2.19-1.87-6.34-3.04-12.44-3.5-4.57-.27-8.63-.68-12.15-1.23-3.34,1.74-5.63,3.61-6.86,5.63-1.25,2.01-1.86,3.98-1.86,5.9ZM500.25,140.3c4.38,0,7.93-1.12,10.66-3.36,2.71-2.24,4.07-5.42,4.07-9.53s-1.36-7.41-4.07-9.6c-2.72-2.2-6.27-3.29-10.66-3.29s-8.08,1.1-10.79,3.29c-2.71,2.2-4.08,5.4-4.08,9.6s1.36,7.3,4.08,9.53c2.71,2.24,6.31,3.36,10.79,3.36Z"
|
|
632
|
+
}
|
|
633
|
+
),
|
|
634
|
+
/* @__PURE__ */ jsx9(
|
|
635
|
+
"path",
|
|
636
|
+
{
|
|
637
|
+
className: "berget-logotype-fill",
|
|
638
|
+
d: "M574.61,174.19c-6.96,0-13.13-1.49-18.52-4.46-5.39-2.97-9.6-7.11-12.65-12.42-3.05-5.3-4.57-11.48-4.57-18.52s1.5-13.4,4.5-18.79c3-5.4,7.19-9.61,12.58-12.62c5.39-3.02,11.65-4.53,18.81-4.53s13,1.48,18.15,4.46c5.15,2.97,9.16,6.93,12.01,11.87,2.86,4.94,4.29,10.38,4.29,16.33,0,.92-.02,1.9-.07,2.95-.05,1.05-.12,2.22-.22,3.5h-55.19c.48,6.59,2.75,11.59,6.79,15.02,4.05,3.43,8.75,5.14,14.09,5.14,4.29,0,7.89-.93,10.79-2.81s5.08-4.41,6.51-7.61h15.16c-1.91,6.4-5.7,11.75-11.37,16.05-5.68,4.3-12.71,6.45-21.09,6.45ZM574.61,114.78c-5.05,0-9.54,1.44-13.44,4.32-3.91,2.88-6.29,7.2-7.15,12.97h40.04c-.29-5.3-2.24-9.51-5.87-12.62-3.62-3.11-8.15-4.67-13.58-4.67Z"
|
|
639
|
+
}
|
|
640
|
+
),
|
|
641
|
+
/* @__PURE__ */ jsx9(
|
|
642
|
+
"path",
|
|
643
|
+
{
|
|
644
|
+
className: "berget-logotype-fill",
|
|
645
|
+
d: "M646.23,172.54c-6.96,0-12.49-1.62-16.59-4.87-4.1-3.25-6.15-9.03-6.15-17.36v-33.61h-12.16v-12.21h12.16l1.86-17.29h13.29v17.29h20.02v12.21h-20.02v33.61c0,3.75.84,6.33,2.51,7.75,1.67,1.42,4.55,2.13,8.65,2.13h8.14v12.35h-11.72Z"
|
|
646
|
+
}
|
|
647
|
+
),
|
|
648
|
+
/* @__PURE__ */ jsx9(
|
|
649
|
+
"path",
|
|
650
|
+
{
|
|
651
|
+
className: "berget-logotype-fill",
|
|
652
|
+
d: "M684.4,172.54l36.89-96.04h16.59l36.6,96.04h-16.01l-8.58-23.46h-40.88l-8.58,23.46h-16.01ZM713.28,137.56h32.31l-16.16-43.77-16.16,43.77Z"
|
|
653
|
+
}
|
|
654
|
+
),
|
|
655
|
+
/* @__PURE__ */ jsx9("path", { className: "berget-logotype-fill", d: "M778.48,172.54v-96.04h15.15v96.04h-15.15Z" })
|
|
656
|
+
] }),
|
|
657
|
+
/* @__PURE__ */ jsx9(
|
|
658
|
+
"path",
|
|
659
|
+
{
|
|
660
|
+
style: { fill: fillColor },
|
|
661
|
+
d: "M99.9,0h24.37l99.9,202.18h-25.14l-44.26-77.52-27.24-41.38-14.84-41.81,2.44,1.3h-6.09l2.44-1.3-61.72,123-25.4,37.71H0L99.9,0Z"
|
|
662
|
+
}
|
|
663
|
+
)
|
|
664
|
+
]
|
|
665
|
+
}
|
|
666
|
+
);
|
|
667
|
+
}
|
|
668
|
+
);
|
|
669
|
+
BergetLogo.displayName = "BergetLogo";
|
|
670
|
+
|
|
671
|
+
// src/components/model-logo/ModelLogo.tsx
|
|
672
|
+
import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
673
|
+
var providerAliases = {
|
|
674
|
+
qwen: "qwen",
|
|
675
|
+
mistralai: "mistral",
|
|
676
|
+
mistral: "mistral",
|
|
677
|
+
moonshotai: "kimi",
|
|
678
|
+
kimi: "kimi",
|
|
679
|
+
google: "google",
|
|
680
|
+
"zai-org": "zai",
|
|
681
|
+
zai: "zai",
|
|
682
|
+
berget: "berget",
|
|
683
|
+
bergetai: "berget"
|
|
684
|
+
};
|
|
685
|
+
var providerPaths = {
|
|
686
|
+
qwen: [
|
|
687
|
+
"M12.604 1.34c.393.69.784 1.382 1.174 2.075a.18.18 0 00.157.091h5.552c.174 0 .322.11.446.327l1.454 2.57c.19.337.24.478.024.837-.26.43-.513.864-.76 1.3l-.367.658c-.106.196-.223.28-.04.512l2.652 4.637c.172.301.111.494-.043.77-.437.785-.882 1.564-1.335 2.34-.159.272-.352.375-.68.37-.777-.016-1.552-.01-2.327.016a.099.099 0 00-.081.05 575.097 575.097 0 01-2.705 4.74c-.169.293-.38.363-.725.364-.997.003-2.002.004-3.017.002a.537.537 0 01-.465-.271l-1.335-2.323a.09.09 0 00-.083-.049H4.982c-.285.03-.553-.001-.805-.092l-1.603-2.77a.543.543 0 01-.002-.54l1.207-2.12a.198.198 0 000-.197 550.951 550.951 0 01-1.875-3.272l-.79-1.395c-.16-.31-.173-.496.095-.965.465-.813.927-1.625 1.387-2.436.132-.234.304-.334.584-.335a338.3 338.3 0 012.589-.001.124.124 0 00.107-.063l2.806-4.895a.488.488 0 01.422-.246c.524-.001 1.053 0 1.583-.006L11.704 1c.341-.003.724.032.9.34zm-3.432.403a.06.06 0 00-.052.03L6.254 6.788a.157.157 0 01-.135.078H3.253c-.056 0-.07.025-.041.074l5.81 10.156c.025.042.013.062-.034.063l-2.795.015a.218.218 0 00-.2.116l-1.32 2.31c-.044.078-.021.118.068.118l5.716.008c.046 0 .08.02.104.061l1.403 2.454c.046.081.092.082.139 0l5.006-8.76.783-1.382a.055.055 0 01.096 0l1.424 2.53a.122.122 0 00.107.062l2.763-.02a.04.04 0 00.035-.02.041.041 0 000-.04l-2.9-5.086a.108.108 0 010-.113l.293-.507 1.12-1.977c.024-.041.012-.062-.035-.062H9.2c-.059 0-.073-.026-.043-.077l1.434-2.505a.107.107 0 000-.114L9.225 1.774a.06.06 0 00-.053-.031zm6.29 8.02c.046 0 .058.02.034.06l-.832 1.465-2.613 4.585a.056.056 0 01-.05.029.058.058 0 01-.05-.029L8.498 9.841c-.02-.034-.01-.052.028-.054l.216-.012 6.722-.012z"
|
|
688
|
+
],
|
|
689
|
+
mistral: [
|
|
690
|
+
"M3.428 3.4h3.429v3.428h3.429v3.429h-.002 3.431V6.828h3.427V3.4h3.43v13.714H24v3.429H13.714v-3.428h-3.428v-3.429h-3.43v3.428h3.43v3.429H0v-3.429h3.428V3.4zm10.286 13.715h3.428v-3.429h-3.427v3.429z"
|
|
691
|
+
],
|
|
692
|
+
kimi: [
|
|
693
|
+
"M21.846 0a1.923 1.923 0 110 3.846H20.15a.226.226 0 01-.227-.226V1.923C19.923.861 20.784 0 21.846 0z",
|
|
694
|
+
"M11.065 11.199l7.257-7.2c.137-.136.06-.41-.116-.41H14.3a.164.164 0 00-.117.051l-7.82 7.756c-.122.12-.302.013-.302-.179V3.82c0-.127-.083-.23-.185-.23H3.186c-.103 0-.186.103-.186.23V19.77c0 .128.083.23.186.23h2.69c.103 0 .186-.102.186-.23v-3.25c0-.069.025-.135.069-.178l2.424-2.406a.158.158 0 01.205-.023l6.484 4.772a7.677 7.677 0 003.453 1.283c.108.012.2-.095.2-.23v-3.06c0-.117-.07-.212-.164-.227a5.028 5.028 0 01-2.027-.807l-5.613-4.064c-.117-.078-.132-.279-.028-.381z"
|
|
695
|
+
],
|
|
696
|
+
google: [
|
|
697
|
+
"M23 12.245c0-.905-.075-1.565-.236-2.25h-10.54v4.083h6.186c-.124 1.014-.797 2.542-2.294 3.569l-.021.136 3.332 2.53.23.022C21.779 18.417 23 15.593 23 12.245z",
|
|
698
|
+
"M12.225 23c3.03 0 5.574-.978 7.433-2.665l-3.542-2.688c-.948.648-2.22 1.1-3.891 1.1a6.745 6.745 0 01-6.386-4.572l-.132.011-3.465 2.628-.045.124C4.043 20.531 7.835 23 12.225 23z",
|
|
699
|
+
"M5.84 14.175A6.65 6.65 0 015.463 12c0-.758.138-1.491.361-2.175l-.006-.147-3.508-2.67-.115.054A10.831 10.831 0 001 12c0 1.772.436 3.447 1.197 4.938l3.642-2.763z",
|
|
700
|
+
"M12.225 5.253c2.108 0 3.529.892 4.34 1.638l3.167-3.031C17.787 2.088 15.255 1 12.225 1 7.834 1 4.043 3.469 2.197 7.062l3.63 2.763a6.77 6.77 0 016.398-4.572z"
|
|
701
|
+
],
|
|
702
|
+
zai: [
|
|
703
|
+
"M12.105 2L9.927 4.953H.653L2.83 2h9.276zM23.254 19.048L21.078 22h-9.242l2.174-2.952h9.244zM24 2L9.264 22H0L14.736 2H24z"
|
|
704
|
+
]
|
|
705
|
+
};
|
|
706
|
+
var providerLabels = {
|
|
707
|
+
qwen: "Qwen",
|
|
708
|
+
mistral: "Mistral",
|
|
709
|
+
kimi: "Kimi",
|
|
710
|
+
google: "Google",
|
|
711
|
+
zai: "Z.ai",
|
|
712
|
+
berget: "Berget AI"
|
|
713
|
+
};
|
|
714
|
+
var categoryIcons = {
|
|
715
|
+
text: Bot,
|
|
716
|
+
"speech-to-text": AudioLines,
|
|
717
|
+
embedding: Braces,
|
|
718
|
+
rerank: ArrowDownWideNarrow,
|
|
719
|
+
"system-one": ScanEye,
|
|
720
|
+
vision: Eye
|
|
721
|
+
};
|
|
722
|
+
var categoryLabels = {
|
|
723
|
+
text: "Model",
|
|
724
|
+
"speech-to-text": "Speech-to-text",
|
|
725
|
+
embedding: "Embedding",
|
|
726
|
+
rerank: "Reranker",
|
|
727
|
+
"system-one": "System One",
|
|
728
|
+
vision: "Vision"
|
|
729
|
+
};
|
|
730
|
+
var ModelLogo = React8.forwardRef(
|
|
731
|
+
({ provider, category, size = 24, className, ...props }, ref) => {
|
|
732
|
+
const resolved = provider ? providerAliases[provider.trim().toLowerCase()] : void 0;
|
|
733
|
+
if (resolved === "berget") {
|
|
734
|
+
return /* @__PURE__ */ jsx10(BergetLogo, { variant: "symbol", size, className: cn("shrink-0", className) });
|
|
735
|
+
}
|
|
736
|
+
if (resolved) {
|
|
737
|
+
return /* @__PURE__ */ jsxs4(
|
|
738
|
+
"svg",
|
|
739
|
+
{
|
|
740
|
+
ref,
|
|
741
|
+
viewBox: "0 0 24 24",
|
|
742
|
+
fill: "currentColor",
|
|
743
|
+
width: size,
|
|
744
|
+
height: size,
|
|
745
|
+
role: "img",
|
|
746
|
+
"aria-label": providerLabels[resolved],
|
|
747
|
+
className: cn("shrink-0", className),
|
|
748
|
+
...props,
|
|
749
|
+
children: [
|
|
750
|
+
/* @__PURE__ */ jsx10("title", { children: providerLabels[resolved] }),
|
|
751
|
+
providerPaths[resolved].map((d, i) => /* @__PURE__ */ jsx10("path", { d }, i))
|
|
752
|
+
]
|
|
753
|
+
}
|
|
754
|
+
);
|
|
755
|
+
}
|
|
756
|
+
if (category) {
|
|
757
|
+
const Icon2 = categoryIcons[category];
|
|
758
|
+
return /* @__PURE__ */ jsx10(Icon2, { className: cn("shrink-0", className), ...props });
|
|
759
|
+
}
|
|
760
|
+
return null;
|
|
761
|
+
}
|
|
762
|
+
);
|
|
763
|
+
ModelLogo.displayName = "ModelLogo";
|
|
764
|
+
|
|
765
|
+
// src/components/model-card/ModelCard.tsx
|
|
766
|
+
import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
767
|
+
var lifecycleLabels = {
|
|
768
|
+
preview: "Preview",
|
|
769
|
+
active: "Active",
|
|
770
|
+
deprecated: "Deprecated"
|
|
771
|
+
};
|
|
772
|
+
var lifecycleStyles = {
|
|
773
|
+
preview: "berget-tint berget-tint-warning",
|
|
774
|
+
active: "berget-tint berget-tint-success",
|
|
775
|
+
deprecated: "bg-berget-brand-granite-700 text-berget-muted-foreground"
|
|
776
|
+
};
|
|
777
|
+
var ModelCard = React9.forwardRef(
|
|
778
|
+
({
|
|
779
|
+
icon,
|
|
780
|
+
provider,
|
|
781
|
+
category,
|
|
782
|
+
eyebrow,
|
|
783
|
+
title,
|
|
784
|
+
lifecycle,
|
|
785
|
+
description,
|
|
786
|
+
columns,
|
|
787
|
+
meta,
|
|
788
|
+
href,
|
|
789
|
+
external,
|
|
790
|
+
className,
|
|
791
|
+
children,
|
|
792
|
+
...props
|
|
793
|
+
}, ref) => {
|
|
794
|
+
const titleId = React9.useId();
|
|
795
|
+
return /* @__PURE__ */ jsx11(
|
|
796
|
+
"a",
|
|
797
|
+
{
|
|
798
|
+
ref,
|
|
799
|
+
href,
|
|
800
|
+
"aria-labelledby": titleId,
|
|
801
|
+
...external ? { target: "_blank", rel: "noopener noreferrer" } : {},
|
|
802
|
+
className: cn("group block", className),
|
|
803
|
+
...props,
|
|
804
|
+
children: /* @__PURE__ */ jsxs5(
|
|
805
|
+
Card2,
|
|
806
|
+
{
|
|
807
|
+
variant: "filled",
|
|
808
|
+
padding: "none",
|
|
809
|
+
className: "relative flex h-full flex-col bg-berget-card-filled-bg p-5 transition-all hover:bg-[color-mix(in_oklab,var(--berget-brand-granite-100)_5%,var(--berget-card-filled-bg))] hover:ring-2 hover:ring-berget-brand-granite-700 sm:p-6",
|
|
810
|
+
children: [
|
|
811
|
+
lifecycle && /* @__PURE__ */ jsx11("div", { className: "absolute top-0 right-0 z-10 overflow-hidden rounded-bl-berget-sm", children: /* @__PURE__ */ jsx11(
|
|
812
|
+
"div",
|
|
813
|
+
{
|
|
814
|
+
className: cn(
|
|
815
|
+
"inline-flex h-6 items-center whitespace-nowrap border-0! px-8 text-sm",
|
|
816
|
+
lifecycleStyles[lifecycle]
|
|
817
|
+
),
|
|
818
|
+
children: lifecycleLabels[lifecycle]
|
|
819
|
+
}
|
|
820
|
+
) }),
|
|
821
|
+
(icon || provider || category) && /* @__PURE__ */ jsx11("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-lg border border-berget-border bg-white/5 text-berget-foreground", children: icon ?? /* @__PURE__ */ jsx11(ModelLogo, { provider, category }) }),
|
|
822
|
+
/* @__PURE__ */ jsxs5("header", { children: [
|
|
823
|
+
eyebrow && /* @__PURE__ */ jsx11(
|
|
824
|
+
Typography,
|
|
825
|
+
{
|
|
826
|
+
variant: "xs",
|
|
827
|
+
color: "muted",
|
|
828
|
+
className: "font-medium uppercase leading-none tracking-[0.25em]",
|
|
829
|
+
children: eyebrow
|
|
830
|
+
}
|
|
831
|
+
),
|
|
832
|
+
/* @__PURE__ */ jsx11("div", { className: cn("flex items-baseline gap-3", lifecycle && "pr-24"), children: /* @__PURE__ */ jsx11(
|
|
833
|
+
Typography,
|
|
834
|
+
{
|
|
835
|
+
as: "h3",
|
|
836
|
+
id: titleId,
|
|
837
|
+
variant: "h5",
|
|
838
|
+
className: "min-w-0 truncate whitespace-nowrap leading-tight",
|
|
839
|
+
style: { fontFeatureSettings: "normal" },
|
|
840
|
+
children: title
|
|
841
|
+
}
|
|
842
|
+
) }),
|
|
843
|
+
description && /* @__PURE__ */ jsx11(Typography, { variant: "xs", color: "muted", className: "leading-none", children: description })
|
|
844
|
+
] }),
|
|
845
|
+
columns && columns.length > 0 && /* @__PURE__ */ jsx11("div", { className: "grid grid-cols-2", children: columns.map((col, i) => /* @__PURE__ */ jsxs5("div", { children: [
|
|
846
|
+
/* @__PURE__ */ jsx11(Typography, { variant: "xs", color: "muted", className: "leading-none", children: col.label }),
|
|
847
|
+
/* @__PURE__ */ jsx11(
|
|
848
|
+
Typography,
|
|
849
|
+
{
|
|
850
|
+
variant: "body",
|
|
851
|
+
className: "tabular-nums leading-none",
|
|
852
|
+
style: { fontFeatureSettings: "normal" },
|
|
853
|
+
children: col.value
|
|
854
|
+
}
|
|
855
|
+
)
|
|
856
|
+
] }, i)) }),
|
|
857
|
+
meta && meta.length > 0 && /* @__PURE__ */ jsx11(
|
|
858
|
+
Typography,
|
|
859
|
+
{
|
|
860
|
+
variant: "xs",
|
|
861
|
+
color: "muted",
|
|
862
|
+
className: "text-[0.65rem] uppercase tracking-[0.15em]",
|
|
863
|
+
children: meta.map((item, i) => /* @__PURE__ */ jsxs5(React9.Fragment, { children: [
|
|
864
|
+
i > 0 && " \u25AA ",
|
|
865
|
+
item
|
|
866
|
+
] }, i))
|
|
867
|
+
}
|
|
868
|
+
),
|
|
869
|
+
children
|
|
870
|
+
]
|
|
871
|
+
}
|
|
872
|
+
)
|
|
873
|
+
}
|
|
874
|
+
);
|
|
875
|
+
}
|
|
876
|
+
);
|
|
877
|
+
ModelCard.displayName = "ModelCard";
|
|
878
|
+
|
|
879
|
+
// src/components/alert/Alert.tsx
|
|
880
|
+
import * as React10 from "react";
|
|
550
881
|
import { cva as cva6 } from "class-variance-authority";
|
|
551
882
|
|
|
552
883
|
// src/primitives/alert.tsx
|
|
553
884
|
import { cva as cva5 } from "class-variance-authority";
|
|
554
885
|
import { cn as cn4 } from "cn";
|
|
555
|
-
import { jsx as
|
|
886
|
+
import { jsx as jsx12 } from "react/jsx-runtime";
|
|
556
887
|
var alertVariants = cva5(
|
|
557
888
|
"group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4",
|
|
558
889
|
{
|
|
@@ -572,7 +903,7 @@ function Alert({
|
|
|
572
903
|
variant,
|
|
573
904
|
...props
|
|
574
905
|
}) {
|
|
575
|
-
return /* @__PURE__ */
|
|
906
|
+
return /* @__PURE__ */ jsx12(
|
|
576
907
|
"div",
|
|
577
908
|
{
|
|
578
909
|
"data-slot": "alert",
|
|
@@ -583,7 +914,7 @@ function Alert({
|
|
|
583
914
|
);
|
|
584
915
|
}
|
|
585
916
|
function AlertTitle({ className, ...props }) {
|
|
586
|
-
return /* @__PURE__ */
|
|
917
|
+
return /* @__PURE__ */ jsx12(
|
|
587
918
|
"div",
|
|
588
919
|
{
|
|
589
920
|
"data-slot": "alert-title",
|
|
@@ -599,7 +930,7 @@ function AlertDescription({
|
|
|
599
930
|
className,
|
|
600
931
|
...props
|
|
601
932
|
}) {
|
|
602
|
-
return /* @__PURE__ */
|
|
933
|
+
return /* @__PURE__ */ jsx12(
|
|
603
934
|
"div",
|
|
604
935
|
{
|
|
605
936
|
"data-slot": "alert-description",
|
|
@@ -613,7 +944,7 @@ function AlertDescription({
|
|
|
613
944
|
}
|
|
614
945
|
|
|
615
946
|
// src/components/alert/Alert.tsx
|
|
616
|
-
import { jsx as
|
|
947
|
+
import { jsx as jsx13 } from "react/jsx-runtime";
|
|
617
948
|
var alertVariants2 = cva6("", {
|
|
618
949
|
variants: {
|
|
619
950
|
variant: {
|
|
@@ -628,24 +959,24 @@ var alertVariants2 = cva6("", {
|
|
|
628
959
|
variant: "default"
|
|
629
960
|
}
|
|
630
961
|
});
|
|
631
|
-
var Alert2 =
|
|
632
|
-
({ className, variant, ...props }, ref) => /* @__PURE__ */
|
|
962
|
+
var Alert2 = React10.forwardRef(
|
|
963
|
+
({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx13(Alert, { ref, className: cn(alertVariants2({ variant }), className), ...props })
|
|
633
964
|
);
|
|
634
965
|
Alert2.displayName = "Alert";
|
|
635
966
|
|
|
636
967
|
// src/components/dialog/Dialog.tsx
|
|
637
|
-
import * as
|
|
968
|
+
import * as React11 from "react";
|
|
638
969
|
import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
|
|
639
970
|
import { X } from "lucide-react";
|
|
640
|
-
import { jsx as
|
|
971
|
+
import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
641
972
|
var Dialog = DialogPrimitive.Root;
|
|
642
|
-
var DialogTrigger =
|
|
643
|
-
({ asChild, children, ...props }, ref) => /* @__PURE__ */
|
|
973
|
+
var DialogTrigger = React11.forwardRef(
|
|
974
|
+
({ asChild, children, ...props }, ref) => /* @__PURE__ */ jsx14(DialogPrimitive.Trigger, { ref, render: asChildRender(asChild, children), ...props, children: asChild ? void 0 : children })
|
|
644
975
|
);
|
|
645
976
|
DialogTrigger.displayName = "DialogTrigger";
|
|
646
977
|
var DialogPortal = DialogPrimitive.Portal;
|
|
647
978
|
var DialogClose = DialogPrimitive.Close;
|
|
648
|
-
var DialogOverlay =
|
|
979
|
+
var DialogOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
|
|
649
980
|
DialogPrimitive.Backdrop,
|
|
650
981
|
{
|
|
651
982
|
ref,
|
|
@@ -657,9 +988,9 @@ var DialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
657
988
|
}
|
|
658
989
|
));
|
|
659
990
|
DialogOverlay.displayName = "DialogOverlay";
|
|
660
|
-
var DialogContent =
|
|
661
|
-
/* @__PURE__ */
|
|
662
|
-
/* @__PURE__ */
|
|
991
|
+
var DialogContent = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(DialogPortal, { children: [
|
|
992
|
+
/* @__PURE__ */ jsx14(DialogOverlay, {}),
|
|
993
|
+
/* @__PURE__ */ jsxs6(
|
|
663
994
|
DialogPrimitive.Popup,
|
|
664
995
|
{
|
|
665
996
|
ref,
|
|
@@ -670,18 +1001,18 @@ var DialogContent = React8.forwardRef(({ className, children, ...props }, ref) =
|
|
|
670
1001
|
...props,
|
|
671
1002
|
children: [
|
|
672
1003
|
children,
|
|
673
|
-
/* @__PURE__ */
|
|
674
|
-
/* @__PURE__ */
|
|
675
|
-
/* @__PURE__ */
|
|
1004
|
+
/* @__PURE__ */ jsxs6(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-berget-xs opacity-70 ring-offset-berget-dialog-bg transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-berget-focus-ring focus:ring-offset-2 disabled:pointer-events-none data-open:bg-berget-muted data-open:text-berget-muted-foreground", children: [
|
|
1005
|
+
/* @__PURE__ */ jsx14(X, { className: "size-4" }),
|
|
1006
|
+
/* @__PURE__ */ jsx14("span", { className: "sr-only", children: "Close" })
|
|
676
1007
|
] })
|
|
677
1008
|
]
|
|
678
1009
|
}
|
|
679
1010
|
)
|
|
680
1011
|
] }));
|
|
681
1012
|
DialogContent.displayName = "DialogContent";
|
|
682
|
-
var DialogHeader = ({ className, ...props }) => /* @__PURE__ */
|
|
1013
|
+
var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx14("div", { className: cn("flex flex-col gap-1.5 text-center sm:text-left", className), ...props });
|
|
683
1014
|
DialogHeader.displayName = "DialogHeader";
|
|
684
|
-
var DialogFooter = ({ className, ...props }) => /* @__PURE__ */
|
|
1015
|
+
var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx14(
|
|
685
1016
|
"div",
|
|
686
1017
|
{
|
|
687
1018
|
className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
|
|
@@ -689,21 +1020,21 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx11(
|
|
|
689
1020
|
}
|
|
690
1021
|
);
|
|
691
1022
|
DialogFooter.displayName = "DialogFooter";
|
|
692
|
-
var DialogTitle =
|
|
1023
|
+
var DialogTitle = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx14(
|
|
693
1024
|
DialogPrimitive.Title,
|
|
694
1025
|
{
|
|
695
1026
|
ref,
|
|
696
|
-
render: /* @__PURE__ */
|
|
1027
|
+
render: /* @__PURE__ */ jsx14(Typography, { variant: "h5", color: "default", as: "h2", className }),
|
|
697
1028
|
...props,
|
|
698
1029
|
children
|
|
699
1030
|
}
|
|
700
1031
|
));
|
|
701
1032
|
DialogTitle.displayName = "DialogTitle";
|
|
702
|
-
var DialogDescription =
|
|
1033
|
+
var DialogDescription = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx14(
|
|
703
1034
|
DialogPrimitive.Description,
|
|
704
1035
|
{
|
|
705
1036
|
ref,
|
|
706
|
-
render: /* @__PURE__ */
|
|
1037
|
+
render: /* @__PURE__ */ jsx14(Typography, { variant: "small", color: "muted", className }),
|
|
707
1038
|
...props,
|
|
708
1039
|
children
|
|
709
1040
|
}
|
|
@@ -711,16 +1042,16 @@ var DialogDescription = React8.forwardRef(({ className, children, ...props }, re
|
|
|
711
1042
|
DialogDescription.displayName = "DialogDescription";
|
|
712
1043
|
|
|
713
1044
|
// src/components/alert-dialog/AlertDialog.tsx
|
|
714
|
-
import * as
|
|
1045
|
+
import * as React12 from "react";
|
|
715
1046
|
import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
|
|
716
|
-
import { jsx as
|
|
1047
|
+
import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
717
1048
|
var AlertDialog = AlertDialogPrimitive.Root;
|
|
718
|
-
var AlertDialogTrigger =
|
|
719
|
-
({ asChild, children, ...props }, ref) => /* @__PURE__ */
|
|
1049
|
+
var AlertDialogTrigger = React12.forwardRef(
|
|
1050
|
+
({ asChild, children, ...props }, ref) => /* @__PURE__ */ jsx15(AlertDialogPrimitive.Trigger, { ref, render: asChildRender(asChild, children), ...props, children: asChild ? void 0 : children })
|
|
720
1051
|
);
|
|
721
1052
|
AlertDialogTrigger.displayName = "AlertDialogTrigger";
|
|
722
1053
|
var AlertDialogPortal = AlertDialogPrimitive.Portal;
|
|
723
|
-
var AlertDialogOverlay =
|
|
1054
|
+
var AlertDialogOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
|
|
724
1055
|
AlertDialogPrimitive.Backdrop,
|
|
725
1056
|
{
|
|
726
1057
|
ref,
|
|
@@ -732,9 +1063,9 @@ var AlertDialogOverlay = React9.forwardRef(({ className, ...props }, ref) => /*
|
|
|
732
1063
|
}
|
|
733
1064
|
));
|
|
734
1065
|
AlertDialogOverlay.displayName = "AlertDialogOverlay";
|
|
735
|
-
var AlertDialogContent =
|
|
736
|
-
/* @__PURE__ */
|
|
737
|
-
/* @__PURE__ */
|
|
1066
|
+
var AlertDialogContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs7(AlertDialogPortal, { children: [
|
|
1067
|
+
/* @__PURE__ */ jsx15(AlertDialogOverlay, {}),
|
|
1068
|
+
/* @__PURE__ */ jsx15(
|
|
738
1069
|
AlertDialogPrimitive.Popup,
|
|
739
1070
|
{
|
|
740
1071
|
ref,
|
|
@@ -747,9 +1078,9 @@ var AlertDialogContent = React9.forwardRef(({ className, ...props }, ref) => /*
|
|
|
747
1078
|
)
|
|
748
1079
|
] }));
|
|
749
1080
|
AlertDialogContent.displayName = "AlertDialogContent";
|
|
750
|
-
var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */
|
|
1081
|
+
var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx15("div", { className: cn("flex flex-col gap-1.5 text-center sm:text-left", className), ...props });
|
|
751
1082
|
AlertDialogHeader.displayName = "AlertDialogHeader";
|
|
752
|
-
var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */
|
|
1083
|
+
var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx15(
|
|
753
1084
|
"div",
|
|
754
1085
|
{
|
|
755
1086
|
className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
|
|
@@ -757,27 +1088,27 @@ var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx12(
|
|
|
757
1088
|
}
|
|
758
1089
|
);
|
|
759
1090
|
AlertDialogFooter.displayName = "AlertDialogFooter";
|
|
760
|
-
var AlertDialogTitle =
|
|
1091
|
+
var AlertDialogTitle = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx15(
|
|
761
1092
|
AlertDialogPrimitive.Title,
|
|
762
1093
|
{
|
|
763
1094
|
ref,
|
|
764
|
-
render: /* @__PURE__ */
|
|
1095
|
+
render: /* @__PURE__ */ jsx15(Typography, { variant: "h5", color: "default", as: "h2", className }),
|
|
765
1096
|
...props,
|
|
766
1097
|
children
|
|
767
1098
|
}
|
|
768
1099
|
));
|
|
769
1100
|
AlertDialogTitle.displayName = "AlertDialogTitle";
|
|
770
|
-
var AlertDialogDescription =
|
|
1101
|
+
var AlertDialogDescription = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx15(
|
|
771
1102
|
AlertDialogPrimitive.Description,
|
|
772
1103
|
{
|
|
773
1104
|
ref,
|
|
774
|
-
render: /* @__PURE__ */
|
|
1105
|
+
render: /* @__PURE__ */ jsx15(Typography, { variant: "small", color: "muted", className }),
|
|
775
1106
|
...props,
|
|
776
1107
|
children
|
|
777
1108
|
}
|
|
778
1109
|
));
|
|
779
1110
|
AlertDialogDescription.displayName = "AlertDialogDescription";
|
|
780
|
-
var AlertDialogAction =
|
|
1111
|
+
var AlertDialogAction = React12.forwardRef(({ className, asChild, children, ...props }, ref) => /* @__PURE__ */ jsx15(
|
|
781
1112
|
AlertDialogPrimitive.Close,
|
|
782
1113
|
{
|
|
783
1114
|
ref,
|
|
@@ -788,7 +1119,7 @@ var AlertDialogAction = React9.forwardRef(({ className, asChild, children, ...pr
|
|
|
788
1119
|
}
|
|
789
1120
|
));
|
|
790
1121
|
AlertDialogAction.displayName = "AlertDialogAction";
|
|
791
|
-
var AlertDialogCancel =
|
|
1122
|
+
var AlertDialogCancel = React12.forwardRef(({ className, asChild, children, ...props }, ref) => /* @__PURE__ */ jsx15(
|
|
792
1123
|
AlertDialogPrimitive.Close,
|
|
793
1124
|
{
|
|
794
1125
|
ref,
|
|
@@ -801,20 +1132,20 @@ var AlertDialogCancel = React9.forwardRef(({ className, asChild, children, ...pr
|
|
|
801
1132
|
AlertDialogCancel.displayName = "AlertDialogCancel";
|
|
802
1133
|
|
|
803
1134
|
// src/components/dropdown-menu/DropdownMenu.tsx
|
|
804
|
-
import * as
|
|
1135
|
+
import * as React13 from "react";
|
|
805
1136
|
import { Menu as DropdownMenuPrimitive } from "@base-ui/react/menu";
|
|
806
1137
|
import { Check, ChevronRight, Circle } from "lucide-react";
|
|
807
|
-
import { Fragment, jsx as
|
|
1138
|
+
import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
808
1139
|
var DropdownMenu = DropdownMenuPrimitive.Root;
|
|
809
|
-
var DropdownMenuTrigger =
|
|
810
|
-
({ asChild, children, ...props }, ref) => /* @__PURE__ */
|
|
1140
|
+
var DropdownMenuTrigger = React13.forwardRef(
|
|
1141
|
+
({ asChild, children, ...props }, ref) => /* @__PURE__ */ jsx16(DropdownMenuPrimitive.Trigger, { ref, render: asChildRender(asChild, children), ...props, children: asChild ? void 0 : children })
|
|
811
1142
|
);
|
|
812
1143
|
DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
|
|
813
1144
|
var DropdownMenuGroup = DropdownMenuPrimitive.Group;
|
|
814
1145
|
var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
|
|
815
1146
|
var DropdownMenuSub = DropdownMenuPrimitive.SubmenuRoot;
|
|
816
1147
|
var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
|
|
817
|
-
var DropdownMenuSubTrigger =
|
|
1148
|
+
var DropdownMenuSubTrigger = React13.forwardRef(({ className, inset, asChild, children, ...props }, ref) => /* @__PURE__ */ jsx16(
|
|
818
1149
|
DropdownMenuPrimitive.SubmenuTrigger,
|
|
819
1150
|
{
|
|
820
1151
|
ref,
|
|
@@ -825,15 +1156,15 @@ var DropdownMenuSubTrigger = React10.forwardRef(({ className, inset, asChild, ch
|
|
|
825
1156
|
),
|
|
826
1157
|
render: asChildRender(asChild, children),
|
|
827
1158
|
...props,
|
|
828
|
-
children: asChild ? void 0 : /* @__PURE__ */
|
|
1159
|
+
children: asChild ? void 0 : /* @__PURE__ */ jsxs8(Fragment2, { children: [
|
|
829
1160
|
children,
|
|
830
|
-
/* @__PURE__ */
|
|
1161
|
+
/* @__PURE__ */ jsx16(ChevronRight, { className: "ml-auto" })
|
|
831
1162
|
] })
|
|
832
1163
|
}
|
|
833
1164
|
));
|
|
834
1165
|
DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
|
|
835
|
-
var DropdownMenuSubContent =
|
|
836
|
-
({ className, side = "right", align = "start", alignOffset = -3, sideOffset = 0, ...props }, ref) => /* @__PURE__ */
|
|
1166
|
+
var DropdownMenuSubContent = React13.forwardRef(
|
|
1167
|
+
({ className, side = "right", align = "start", alignOffset = -3, sideOffset = 0, ...props }, ref) => /* @__PURE__ */ jsx16(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx16(
|
|
837
1168
|
DropdownMenuPrimitive.Positioner,
|
|
838
1169
|
{
|
|
839
1170
|
side,
|
|
@@ -841,7 +1172,7 @@ var DropdownMenuSubContent = React10.forwardRef(
|
|
|
841
1172
|
alignOffset,
|
|
842
1173
|
sideOffset,
|
|
843
1174
|
className: "isolate z-50 outline-none",
|
|
844
|
-
children: /* @__PURE__ */
|
|
1175
|
+
children: /* @__PURE__ */ jsx16(
|
|
845
1176
|
DropdownMenuPrimitive.Popup,
|
|
846
1177
|
{
|
|
847
1178
|
ref,
|
|
@@ -856,7 +1187,7 @@ var DropdownMenuSubContent = React10.forwardRef(
|
|
|
856
1187
|
) })
|
|
857
1188
|
);
|
|
858
1189
|
DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
|
|
859
|
-
var DropdownMenuContent =
|
|
1190
|
+
var DropdownMenuContent = React13.forwardRef(({ className, sideOffset = 4, align = "center", side, alignOffset, ...props }, ref) => /* @__PURE__ */ jsx16(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx16(
|
|
860
1191
|
DropdownMenuPrimitive.Positioner,
|
|
861
1192
|
{
|
|
862
1193
|
side,
|
|
@@ -864,7 +1195,7 @@ var DropdownMenuContent = React10.forwardRef(({ className, sideOffset = 4, align
|
|
|
864
1195
|
alignOffset,
|
|
865
1196
|
sideOffset,
|
|
866
1197
|
className: "isolate z-50 outline-none",
|
|
867
|
-
children: /* @__PURE__ */
|
|
1198
|
+
children: /* @__PURE__ */ jsx16(
|
|
868
1199
|
DropdownMenuPrimitive.Popup,
|
|
869
1200
|
{
|
|
870
1201
|
ref,
|
|
@@ -878,7 +1209,7 @@ var DropdownMenuContent = React10.forwardRef(({ className, sideOffset = 4, align
|
|
|
878
1209
|
}
|
|
879
1210
|
) }));
|
|
880
1211
|
DropdownMenuContent.displayName = "DropdownMenuContent";
|
|
881
|
-
var DropdownMenuItem =
|
|
1212
|
+
var DropdownMenuItem = React13.forwardRef(({ className, inset, asChild, children, textValue, ...props }, ref) => /* @__PURE__ */ jsx16(
|
|
882
1213
|
DropdownMenuPrimitive.Item,
|
|
883
1214
|
{
|
|
884
1215
|
ref,
|
|
@@ -894,7 +1225,7 @@ var DropdownMenuItem = React10.forwardRef(({ className, inset, asChild, children
|
|
|
894
1225
|
}
|
|
895
1226
|
));
|
|
896
1227
|
DropdownMenuItem.displayName = "DropdownMenuItem";
|
|
897
|
-
var DropdownMenuCheckboxItem =
|
|
1228
|
+
var DropdownMenuCheckboxItem = React13.forwardRef(({ className, children, asChild, textValue, ...props }, ref) => /* @__PURE__ */ jsxs8(
|
|
898
1229
|
DropdownMenuPrimitive.CheckboxItem,
|
|
899
1230
|
{
|
|
900
1231
|
ref,
|
|
@@ -906,13 +1237,13 @@ var DropdownMenuCheckboxItem = React10.forwardRef(({ className, children, asChil
|
|
|
906
1237
|
render: asChildRender(asChild, children),
|
|
907
1238
|
...props,
|
|
908
1239
|
children: [
|
|
909
|
-
/* @__PURE__ */
|
|
1240
|
+
/* @__PURE__ */ jsx16("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx16(DropdownMenuPrimitive.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx16(Check, { className: "size-4" }) }) }),
|
|
910
1241
|
asChild ? void 0 : children
|
|
911
1242
|
]
|
|
912
1243
|
}
|
|
913
1244
|
));
|
|
914
1245
|
DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
|
|
915
|
-
var DropdownMenuRadioItem =
|
|
1246
|
+
var DropdownMenuRadioItem = React13.forwardRef(({ className, children, asChild, textValue, ...props }, ref) => /* @__PURE__ */ jsxs8(
|
|
916
1247
|
DropdownMenuPrimitive.RadioItem,
|
|
917
1248
|
{
|
|
918
1249
|
ref,
|
|
@@ -924,13 +1255,13 @@ var DropdownMenuRadioItem = React10.forwardRef(({ className, children, asChild,
|
|
|
924
1255
|
render: asChildRender(asChild, children),
|
|
925
1256
|
...props,
|
|
926
1257
|
children: [
|
|
927
|
-
/* @__PURE__ */
|
|
1258
|
+
/* @__PURE__ */ jsx16("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx16(DropdownMenuPrimitive.RadioItemIndicator, { children: /* @__PURE__ */ jsx16(Circle, { className: "size-2 fill-current" }) }) }),
|
|
928
1259
|
asChild ? void 0 : children
|
|
929
1260
|
]
|
|
930
1261
|
}
|
|
931
1262
|
));
|
|
932
1263
|
DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
|
|
933
|
-
var DropdownMenuLabel =
|
|
1264
|
+
var DropdownMenuLabel = React13.forwardRef(({ className, inset, asChild, children, ...props }, ref) => /* @__PURE__ */ jsx16(
|
|
934
1265
|
DropdownMenuPrimitive.GroupLabel,
|
|
935
1266
|
{
|
|
936
1267
|
ref,
|
|
@@ -945,7 +1276,7 @@ var DropdownMenuLabel = React10.forwardRef(({ className, inset, asChild, childre
|
|
|
945
1276
|
}
|
|
946
1277
|
));
|
|
947
1278
|
DropdownMenuLabel.displayName = "DropdownMenuLabel";
|
|
948
|
-
var DropdownMenuSeparator =
|
|
1279
|
+
var DropdownMenuSeparator = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
|
|
949
1280
|
DropdownMenuPrimitive.Separator,
|
|
950
1281
|
{
|
|
951
1282
|
ref,
|
|
@@ -955,7 +1286,7 @@ var DropdownMenuSeparator = React10.forwardRef(({ className, ...props }, ref) =>
|
|
|
955
1286
|
));
|
|
956
1287
|
DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
|
|
957
1288
|
var DropdownMenuShortcut = ({ className, ...props }) => {
|
|
958
|
-
return /* @__PURE__ */
|
|
1289
|
+
return /* @__PURE__ */ jsx16(
|
|
959
1290
|
"span",
|
|
960
1291
|
{
|
|
961
1292
|
className: cn("ml-auto text-xs tracking-widest text-berget-muted-foreground", className),
|
|
@@ -975,12 +1306,12 @@ import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/naviga
|
|
|
975
1306
|
import { cva as cva7 } from "class-variance-authority";
|
|
976
1307
|
import { cn as cn5 } from "cn";
|
|
977
1308
|
import { ChevronDownIcon } from "lucide-react";
|
|
978
|
-
import { jsx as
|
|
1309
|
+
import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
979
1310
|
function NavigationMenuList({
|
|
980
1311
|
className,
|
|
981
1312
|
...props
|
|
982
1313
|
}) {
|
|
983
|
-
return /* @__PURE__ */
|
|
1314
|
+
return /* @__PURE__ */ jsx17(
|
|
984
1315
|
NavigationMenuPrimitive.List,
|
|
985
1316
|
{
|
|
986
1317
|
"data-slot": "navigation-menu-list",
|
|
@@ -996,7 +1327,7 @@ function NavigationMenuItem({
|
|
|
996
1327
|
className,
|
|
997
1328
|
...props
|
|
998
1329
|
}) {
|
|
999
|
-
return /* @__PURE__ */
|
|
1330
|
+
return /* @__PURE__ */ jsx17(
|
|
1000
1331
|
NavigationMenuPrimitive.Item,
|
|
1001
1332
|
{
|
|
1002
1333
|
"data-slot": "navigation-menu-item",
|
|
@@ -1012,7 +1343,7 @@ function NavigationMenuContent({
|
|
|
1012
1343
|
className,
|
|
1013
1344
|
...props
|
|
1014
1345
|
}) {
|
|
1015
|
-
return /* @__PURE__ */
|
|
1346
|
+
return /* @__PURE__ */ jsx17(
|
|
1016
1347
|
NavigationMenuPrimitive.Content,
|
|
1017
1348
|
{
|
|
1018
1349
|
"data-slot": "navigation-menu-content",
|
|
@@ -1028,7 +1359,7 @@ function NavigationMenuIndicator({
|
|
|
1028
1359
|
className,
|
|
1029
1360
|
...props
|
|
1030
1361
|
}) {
|
|
1031
|
-
return /* @__PURE__ */
|
|
1362
|
+
return /* @__PURE__ */ jsx17(
|
|
1032
1363
|
NavigationMenuPrimitive.Icon,
|
|
1033
1364
|
{
|
|
1034
1365
|
"data-slot": "navigation-menu-indicator",
|
|
@@ -1037,20 +1368,20 @@ function NavigationMenuIndicator({
|
|
|
1037
1368
|
className
|
|
1038
1369
|
),
|
|
1039
1370
|
...props,
|
|
1040
|
-
children: /* @__PURE__ */
|
|
1371
|
+
children: /* @__PURE__ */ jsx17("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
|
|
1041
1372
|
}
|
|
1042
1373
|
);
|
|
1043
1374
|
}
|
|
1044
1375
|
|
|
1045
1376
|
// src/components/navigation-menu/NavigationMenu.tsx
|
|
1046
|
-
import { jsx as
|
|
1377
|
+
import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
1047
1378
|
function NavigationMenu({
|
|
1048
1379
|
align = "start",
|
|
1049
1380
|
className,
|
|
1050
1381
|
children,
|
|
1051
1382
|
...props
|
|
1052
1383
|
}) {
|
|
1053
|
-
return /* @__PURE__ */
|
|
1384
|
+
return /* @__PURE__ */ jsxs10(
|
|
1054
1385
|
NavigationMenuPrimitive2.Root,
|
|
1055
1386
|
{
|
|
1056
1387
|
"data-slot": "navigation-menu",
|
|
@@ -1061,7 +1392,7 @@ function NavigationMenu({
|
|
|
1061
1392
|
...props,
|
|
1062
1393
|
children: [
|
|
1063
1394
|
children,
|
|
1064
|
-
/* @__PURE__ */
|
|
1395
|
+
/* @__PURE__ */ jsx18(NavigationMenuPositioner, { align })
|
|
1065
1396
|
]
|
|
1066
1397
|
}
|
|
1067
1398
|
);
|
|
@@ -1074,7 +1405,7 @@ function NavigationMenuTrigger({
|
|
|
1074
1405
|
children,
|
|
1075
1406
|
...props
|
|
1076
1407
|
}) {
|
|
1077
|
-
return /* @__PURE__ */
|
|
1408
|
+
return /* @__PURE__ */ jsxs10(
|
|
1078
1409
|
NavigationMenuPrimitive2.Trigger,
|
|
1079
1410
|
{
|
|
1080
1411
|
"data-slot": "navigation-menu-trigger",
|
|
@@ -1083,7 +1414,7 @@ function NavigationMenuTrigger({
|
|
|
1083
1414
|
children: [
|
|
1084
1415
|
children,
|
|
1085
1416
|
" ",
|
|
1086
|
-
/* @__PURE__ */
|
|
1417
|
+
/* @__PURE__ */ jsx18(
|
|
1087
1418
|
ChevronDown,
|
|
1088
1419
|
{
|
|
1089
1420
|
className: "relative top-px ml-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180",
|
|
@@ -1095,7 +1426,7 @@ function NavigationMenuTrigger({
|
|
|
1095
1426
|
);
|
|
1096
1427
|
}
|
|
1097
1428
|
function NavigationMenuLink({ className, ...props }) {
|
|
1098
|
-
return /* @__PURE__ */
|
|
1429
|
+
return /* @__PURE__ */ jsx18(
|
|
1099
1430
|
NavigationMenuPrimitive2.Link,
|
|
1100
1431
|
{
|
|
1101
1432
|
"data-slot": "navigation-menu-link",
|
|
@@ -1115,7 +1446,7 @@ function NavigationMenuPositioner({
|
|
|
1115
1446
|
alignOffset = 0,
|
|
1116
1447
|
...props
|
|
1117
1448
|
}) {
|
|
1118
|
-
return /* @__PURE__ */
|
|
1449
|
+
return /* @__PURE__ */ jsx18(NavigationMenuPrimitive2.Portal, { children: /* @__PURE__ */ jsx18(
|
|
1119
1450
|
NavigationMenuPrimitive2.Positioner,
|
|
1120
1451
|
{
|
|
1121
1452
|
side,
|
|
@@ -1127,24 +1458,24 @@ function NavigationMenuPositioner({
|
|
|
1127
1458
|
className
|
|
1128
1459
|
),
|
|
1129
1460
|
...props,
|
|
1130
|
-
children: /* @__PURE__ */
|
|
1461
|
+
children: /* @__PURE__ */ jsx18(NavigationMenuPrimitive2.Popup, { className: "data-[ending-style]:easing-[ease] xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-berget-xs bg-berget-popover text-berget-popover-foreground shadow-berget-lg ring-1 ring-berget-border transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0", children: /* @__PURE__ */ jsx18(NavigationMenuPrimitive2.Viewport, { className: "relative size-full overflow-hidden" }) })
|
|
1131
1462
|
}
|
|
1132
1463
|
) });
|
|
1133
1464
|
}
|
|
1134
1465
|
|
|
1135
1466
|
// src/components/table/Table.tsx
|
|
1136
|
-
import * as
|
|
1467
|
+
import * as React14 from "react";
|
|
1137
1468
|
|
|
1138
1469
|
// src/primitives/table.tsx
|
|
1139
1470
|
import { cn as cn6 } from "cn";
|
|
1140
|
-
import { jsx as
|
|
1471
|
+
import { jsx as jsx19 } from "react/jsx-runtime";
|
|
1141
1472
|
function Table({ className, ...props }) {
|
|
1142
|
-
return /* @__PURE__ */
|
|
1473
|
+
return /* @__PURE__ */ jsx19(
|
|
1143
1474
|
"div",
|
|
1144
1475
|
{
|
|
1145
1476
|
"data-slot": "table-container",
|
|
1146
1477
|
className: "relative w-full overflow-x-auto",
|
|
1147
|
-
children: /* @__PURE__ */
|
|
1478
|
+
children: /* @__PURE__ */ jsx19(
|
|
1148
1479
|
"table",
|
|
1149
1480
|
{
|
|
1150
1481
|
"data-slot": "table",
|
|
@@ -1156,7 +1487,7 @@ function Table({ className, ...props }) {
|
|
|
1156
1487
|
);
|
|
1157
1488
|
}
|
|
1158
1489
|
function TableHeader({ className, ...props }) {
|
|
1159
|
-
return /* @__PURE__ */
|
|
1490
|
+
return /* @__PURE__ */ jsx19(
|
|
1160
1491
|
"thead",
|
|
1161
1492
|
{
|
|
1162
1493
|
"data-slot": "table-header",
|
|
@@ -1166,7 +1497,7 @@ function TableHeader({ className, ...props }) {
|
|
|
1166
1497
|
);
|
|
1167
1498
|
}
|
|
1168
1499
|
function TableBody({ className, ...props }) {
|
|
1169
|
-
return /* @__PURE__ */
|
|
1500
|
+
return /* @__PURE__ */ jsx19(
|
|
1170
1501
|
"tbody",
|
|
1171
1502
|
{
|
|
1172
1503
|
"data-slot": "table-body",
|
|
@@ -1176,7 +1507,7 @@ function TableBody({ className, ...props }) {
|
|
|
1176
1507
|
);
|
|
1177
1508
|
}
|
|
1178
1509
|
function TableFooter({ className, ...props }) {
|
|
1179
|
-
return /* @__PURE__ */
|
|
1510
|
+
return /* @__PURE__ */ jsx19(
|
|
1180
1511
|
"tfoot",
|
|
1181
1512
|
{
|
|
1182
1513
|
"data-slot": "table-footer",
|
|
@@ -1189,7 +1520,7 @@ function TableFooter({ className, ...props }) {
|
|
|
1189
1520
|
);
|
|
1190
1521
|
}
|
|
1191
1522
|
function TableRow({ className, ...props }) {
|
|
1192
|
-
return /* @__PURE__ */
|
|
1523
|
+
return /* @__PURE__ */ jsx19(
|
|
1193
1524
|
"tr",
|
|
1194
1525
|
{
|
|
1195
1526
|
"data-slot": "table-row",
|
|
@@ -1202,7 +1533,7 @@ function TableRow({ className, ...props }) {
|
|
|
1202
1533
|
);
|
|
1203
1534
|
}
|
|
1204
1535
|
function TableHead({ className, ...props }) {
|
|
1205
|
-
return /* @__PURE__ */
|
|
1536
|
+
return /* @__PURE__ */ jsx19(
|
|
1206
1537
|
"th",
|
|
1207
1538
|
{
|
|
1208
1539
|
"data-slot": "table-head",
|
|
@@ -1215,7 +1546,7 @@ function TableHead({ className, ...props }) {
|
|
|
1215
1546
|
);
|
|
1216
1547
|
}
|
|
1217
1548
|
function TableCell({ className, ...props }) {
|
|
1218
|
-
return /* @__PURE__ */
|
|
1549
|
+
return /* @__PURE__ */ jsx19(
|
|
1219
1550
|
"td",
|
|
1220
1551
|
{
|
|
1221
1552
|
"data-slot": "table-cell",
|
|
@@ -1231,7 +1562,7 @@ function TableCaption({
|
|
|
1231
1562
|
className,
|
|
1232
1563
|
...props
|
|
1233
1564
|
}) {
|
|
1234
|
-
return /* @__PURE__ */
|
|
1565
|
+
return /* @__PURE__ */ jsx19(
|
|
1235
1566
|
"caption",
|
|
1236
1567
|
{
|
|
1237
1568
|
"data-slot": "table-caption",
|
|
@@ -1242,12 +1573,12 @@ function TableCaption({
|
|
|
1242
1573
|
}
|
|
1243
1574
|
|
|
1244
1575
|
// src/components/table/Table.tsx
|
|
1245
|
-
import { jsx as
|
|
1246
|
-
var Table2 =
|
|
1247
|
-
({ className, ...props }, ref) => /* @__PURE__ */
|
|
1576
|
+
import { jsx as jsx20 } from "react/jsx-runtime";
|
|
1577
|
+
var Table2 = React14.forwardRef(
|
|
1578
|
+
({ className, ...props }, ref) => /* @__PURE__ */ jsx20(Table, { ref, className, ...props })
|
|
1248
1579
|
);
|
|
1249
1580
|
Table2.displayName = "Table";
|
|
1250
|
-
var TableHeader2 =
|
|
1581
|
+
var TableHeader2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
|
|
1251
1582
|
TableHeader,
|
|
1252
1583
|
{
|
|
1253
1584
|
ref,
|
|
@@ -1256,7 +1587,7 @@ var TableHeader2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
1256
1587
|
}
|
|
1257
1588
|
));
|
|
1258
1589
|
TableHeader2.displayName = "TableHeader";
|
|
1259
|
-
var TableBody2 =
|
|
1590
|
+
var TableBody2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
|
|
1260
1591
|
TableBody,
|
|
1261
1592
|
{
|
|
1262
1593
|
ref,
|
|
@@ -1265,7 +1596,7 @@ var TableBody2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
|
1265
1596
|
}
|
|
1266
1597
|
));
|
|
1267
1598
|
TableBody2.displayName = "TableBody";
|
|
1268
|
-
var TableFooter2 =
|
|
1599
|
+
var TableFooter2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
|
|
1269
1600
|
TableFooter,
|
|
1270
1601
|
{
|
|
1271
1602
|
ref,
|
|
@@ -1277,8 +1608,8 @@ var TableFooter2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
1277
1608
|
}
|
|
1278
1609
|
));
|
|
1279
1610
|
TableFooter2.displayName = "TableFooter";
|
|
1280
|
-
var TableRow2 =
|
|
1281
|
-
({ className, ...props }, ref) => /* @__PURE__ */
|
|
1611
|
+
var TableRow2 = React14.forwardRef(
|
|
1612
|
+
({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
|
|
1282
1613
|
TableRow,
|
|
1283
1614
|
{
|
|
1284
1615
|
ref,
|
|
@@ -1291,7 +1622,7 @@ var TableRow2 = React11.forwardRef(
|
|
|
1291
1622
|
)
|
|
1292
1623
|
);
|
|
1293
1624
|
TableRow2.displayName = "TableRow";
|
|
1294
|
-
var TableHead2 =
|
|
1625
|
+
var TableHead2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
|
|
1295
1626
|
TableHead,
|
|
1296
1627
|
{
|
|
1297
1628
|
ref,
|
|
@@ -1303,7 +1634,7 @@ var TableHead2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
|
1303
1634
|
}
|
|
1304
1635
|
));
|
|
1305
1636
|
TableHead2.displayName = "TableHead";
|
|
1306
|
-
var TableCell2 =
|
|
1637
|
+
var TableCell2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
|
|
1307
1638
|
TableCell,
|
|
1308
1639
|
{
|
|
1309
1640
|
ref,
|
|
@@ -1312,7 +1643,7 @@ var TableCell2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
|
1312
1643
|
}
|
|
1313
1644
|
));
|
|
1314
1645
|
TableCell2.displayName = "TableCell";
|
|
1315
|
-
var TableCaption2 =
|
|
1646
|
+
var TableCaption2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
|
|
1316
1647
|
TableCaption,
|
|
1317
1648
|
{
|
|
1318
1649
|
ref,
|
|
@@ -1323,7 +1654,7 @@ var TableCaption2 = React11.forwardRef(({ className, ...props }, ref) => /* @__P
|
|
|
1323
1654
|
TableCaption2.displayName = "TableCaption";
|
|
1324
1655
|
|
|
1325
1656
|
// src/components/item/Item.tsx
|
|
1326
|
-
import * as
|
|
1657
|
+
import * as React15 from "react";
|
|
1327
1658
|
|
|
1328
1659
|
// src/primitives/item.tsx
|
|
1329
1660
|
import { mergeProps } from "@base-ui/react/merge-props";
|
|
@@ -1334,13 +1665,13 @@ import { cn as cn8 } from "cn";
|
|
|
1334
1665
|
// src/primitives/separator.tsx
|
|
1335
1666
|
import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
|
|
1336
1667
|
import { cn as cn7 } from "cn";
|
|
1337
|
-
import { jsx as
|
|
1668
|
+
import { jsx as jsx21 } from "react/jsx-runtime";
|
|
1338
1669
|
function Separator({
|
|
1339
1670
|
className,
|
|
1340
1671
|
orientation = "horizontal",
|
|
1341
1672
|
...props
|
|
1342
1673
|
}) {
|
|
1343
|
-
return /* @__PURE__ */
|
|
1674
|
+
return /* @__PURE__ */ jsx21(
|
|
1344
1675
|
SeparatorPrimitive,
|
|
1345
1676
|
{
|
|
1346
1677
|
"data-slot": "separator",
|
|
@@ -1355,9 +1686,9 @@ function Separator({
|
|
|
1355
1686
|
}
|
|
1356
1687
|
|
|
1357
1688
|
// src/primitives/item.tsx
|
|
1358
|
-
import { jsx as
|
|
1689
|
+
import { jsx as jsx22 } from "react/jsx-runtime";
|
|
1359
1690
|
function ItemGroup({ className, ...props }) {
|
|
1360
|
-
return /* @__PURE__ */
|
|
1691
|
+
return /* @__PURE__ */ jsx22(
|
|
1361
1692
|
"div",
|
|
1362
1693
|
{
|
|
1363
1694
|
role: "list",
|
|
@@ -1374,7 +1705,7 @@ function ItemSeparator({
|
|
|
1374
1705
|
className,
|
|
1375
1706
|
...props
|
|
1376
1707
|
}) {
|
|
1377
|
-
return /* @__PURE__ */
|
|
1708
|
+
return /* @__PURE__ */ jsx22(
|
|
1378
1709
|
Separator,
|
|
1379
1710
|
{
|
|
1380
1711
|
"data-slot": "item-separator",
|
|
@@ -1448,7 +1779,7 @@ function ItemMedia({
|
|
|
1448
1779
|
variant = "default",
|
|
1449
1780
|
...props
|
|
1450
1781
|
}) {
|
|
1451
|
-
return /* @__PURE__ */
|
|
1782
|
+
return /* @__PURE__ */ jsx22(
|
|
1452
1783
|
"div",
|
|
1453
1784
|
{
|
|
1454
1785
|
"data-slot": "item-media",
|
|
@@ -1459,7 +1790,7 @@ function ItemMedia({
|
|
|
1459
1790
|
);
|
|
1460
1791
|
}
|
|
1461
1792
|
function ItemContent({ className, ...props }) {
|
|
1462
|
-
return /* @__PURE__ */
|
|
1793
|
+
return /* @__PURE__ */ jsx22(
|
|
1463
1794
|
"div",
|
|
1464
1795
|
{
|
|
1465
1796
|
"data-slot": "item-content",
|
|
@@ -1472,7 +1803,7 @@ function ItemContent({ className, ...props }) {
|
|
|
1472
1803
|
);
|
|
1473
1804
|
}
|
|
1474
1805
|
function ItemTitle({ className, ...props }) {
|
|
1475
|
-
return /* @__PURE__ */
|
|
1806
|
+
return /* @__PURE__ */ jsx22(
|
|
1476
1807
|
"div",
|
|
1477
1808
|
{
|
|
1478
1809
|
"data-slot": "item-title",
|
|
@@ -1485,7 +1816,7 @@ function ItemTitle({ className, ...props }) {
|
|
|
1485
1816
|
);
|
|
1486
1817
|
}
|
|
1487
1818
|
function ItemDescription({ className, ...props }) {
|
|
1488
|
-
return /* @__PURE__ */
|
|
1819
|
+
return /* @__PURE__ */ jsx22(
|
|
1489
1820
|
"p",
|
|
1490
1821
|
{
|
|
1491
1822
|
"data-slot": "item-description",
|
|
@@ -1498,7 +1829,7 @@ function ItemDescription({ className, ...props }) {
|
|
|
1498
1829
|
);
|
|
1499
1830
|
}
|
|
1500
1831
|
function ItemActions({ className, ...props }) {
|
|
1501
|
-
return /* @__PURE__ */
|
|
1832
|
+
return /* @__PURE__ */ jsx22(
|
|
1502
1833
|
"div",
|
|
1503
1834
|
{
|
|
1504
1835
|
"data-slot": "item-actions",
|
|
@@ -1508,7 +1839,7 @@ function ItemActions({ className, ...props }) {
|
|
|
1508
1839
|
);
|
|
1509
1840
|
}
|
|
1510
1841
|
function ItemHeader({ className, ...props }) {
|
|
1511
|
-
return /* @__PURE__ */
|
|
1842
|
+
return /* @__PURE__ */ jsx22(
|
|
1512
1843
|
"div",
|
|
1513
1844
|
{
|
|
1514
1845
|
"data-slot": "item-header",
|
|
@@ -1521,7 +1852,7 @@ function ItemHeader({ className, ...props }) {
|
|
|
1521
1852
|
);
|
|
1522
1853
|
}
|
|
1523
1854
|
function ItemFooter({ className, ...props }) {
|
|
1524
|
-
return /* @__PURE__ */
|
|
1855
|
+
return /* @__PURE__ */ jsx22(
|
|
1525
1856
|
"div",
|
|
1526
1857
|
{
|
|
1527
1858
|
"data-slot": "item-footer",
|
|
@@ -1535,9 +1866,9 @@ function ItemFooter({ className, ...props }) {
|
|
|
1535
1866
|
}
|
|
1536
1867
|
|
|
1537
1868
|
// src/components/item/Item.tsx
|
|
1538
|
-
import { jsx as
|
|
1869
|
+
import { jsx as jsx23 } from "react/jsx-runtime";
|
|
1539
1870
|
function Item2({ className, asChild, children, ...props }) {
|
|
1540
|
-
return /* @__PURE__ */
|
|
1871
|
+
return /* @__PURE__ */ jsx23(
|
|
1541
1872
|
Item,
|
|
1542
1873
|
{
|
|
1543
1874
|
render: asChild ? children : void 0,
|
|
@@ -1556,8 +1887,8 @@ function Item2({ className, asChild, children, ...props }) {
|
|
|
1556
1887
|
}
|
|
1557
1888
|
);
|
|
1558
1889
|
}
|
|
1559
|
-
var ItemMedia2 =
|
|
1560
|
-
return /* @__PURE__ */
|
|
1890
|
+
var ItemMedia2 = React15.forwardRef(({ className, ...props }, ref) => {
|
|
1891
|
+
return /* @__PURE__ */ jsx23(
|
|
1561
1892
|
ItemMedia,
|
|
1562
1893
|
{
|
|
1563
1894
|
ref,
|
|
@@ -1567,8 +1898,8 @@ var ItemMedia2 = React12.forwardRef(({ className, ...props }, ref) => {
|
|
|
1567
1898
|
);
|
|
1568
1899
|
});
|
|
1569
1900
|
ItemMedia2.displayName = "ItemMedia";
|
|
1570
|
-
var ItemTitle2 =
|
|
1571
|
-
return /* @__PURE__ */
|
|
1901
|
+
var ItemTitle2 = React15.forwardRef(({ className, ...props }, ref) => {
|
|
1902
|
+
return /* @__PURE__ */ jsx23(
|
|
1572
1903
|
ItemTitle,
|
|
1573
1904
|
{
|
|
1574
1905
|
ref,
|
|
@@ -1578,8 +1909,8 @@ var ItemTitle2 = React12.forwardRef(({ className, ...props }, ref) => {
|
|
|
1578
1909
|
);
|
|
1579
1910
|
});
|
|
1580
1911
|
ItemTitle2.displayName = "ItemTitle";
|
|
1581
|
-
var ItemDescription2 =
|
|
1582
|
-
return /* @__PURE__ */
|
|
1912
|
+
var ItemDescription2 = React15.forwardRef(({ className, ...props }, ref) => {
|
|
1913
|
+
return /* @__PURE__ */ jsx23(
|
|
1583
1914
|
ItemDescription,
|
|
1584
1915
|
{
|
|
1585
1916
|
ref,
|
|
@@ -1589,8 +1920,8 @@ var ItemDescription2 = React12.forwardRef(({ className, ...props }, ref) => {
|
|
|
1589
1920
|
);
|
|
1590
1921
|
});
|
|
1591
1922
|
ItemDescription2.displayName = "ItemDescription";
|
|
1592
|
-
var ItemSeparator2 =
|
|
1593
|
-
return /* @__PURE__ */
|
|
1923
|
+
var ItemSeparator2 = React15.forwardRef(({ className, ...props }, ref) => {
|
|
1924
|
+
return /* @__PURE__ */ jsx23(
|
|
1594
1925
|
ItemSeparator,
|
|
1595
1926
|
{
|
|
1596
1927
|
ref,
|
|
@@ -1602,14 +1933,14 @@ var ItemSeparator2 = React12.forwardRef(({ className, ...props }, ref) => {
|
|
|
1602
1933
|
ItemSeparator2.displayName = "ItemSeparator";
|
|
1603
1934
|
|
|
1604
1935
|
// src/components/input/Input.tsx
|
|
1605
|
-
import * as
|
|
1936
|
+
import * as React16 from "react";
|
|
1606
1937
|
|
|
1607
1938
|
// src/primitives/input.tsx
|
|
1608
1939
|
import { Input as InputPrimitive } from "@base-ui/react/input";
|
|
1609
1940
|
import { cn as cn9 } from "cn";
|
|
1610
|
-
import { jsx as
|
|
1941
|
+
import { jsx as jsx24 } from "react/jsx-runtime";
|
|
1611
1942
|
function Input({ className, type, ...props }) {
|
|
1612
|
-
return /* @__PURE__ */
|
|
1943
|
+
return /* @__PURE__ */ jsx24(
|
|
1613
1944
|
InputPrimitive,
|
|
1614
1945
|
{
|
|
1615
1946
|
type,
|
|
@@ -1624,14 +1955,14 @@ function Input({ className, type, ...props }) {
|
|
|
1624
1955
|
}
|
|
1625
1956
|
|
|
1626
1957
|
// src/components/input/Input.tsx
|
|
1627
|
-
import { jsx as
|
|
1628
|
-
var Input2 =
|
|
1958
|
+
import { jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
1959
|
+
var Input2 = React16.forwardRef(
|
|
1629
1960
|
({ className, icon, actionButton, label, description, error, id, disabled, ...props }, ref) => {
|
|
1630
|
-
const generatedId =
|
|
1961
|
+
const generatedId = React16.useId();
|
|
1631
1962
|
const inputId = id || generatedId;
|
|
1632
1963
|
const errorId = `${inputId}-error`;
|
|
1633
1964
|
const descriptionId = `${inputId}-description`;
|
|
1634
|
-
const inputElement = /* @__PURE__ */
|
|
1965
|
+
const inputElement = /* @__PURE__ */ jsx25(
|
|
1635
1966
|
Input,
|
|
1636
1967
|
{
|
|
1637
1968
|
ref,
|
|
@@ -1651,8 +1982,8 @@ var Input2 = React13.forwardRef(
|
|
|
1651
1982
|
}
|
|
1652
1983
|
);
|
|
1653
1984
|
if (!icon && !actionButton) {
|
|
1654
|
-
return /* @__PURE__ */
|
|
1655
|
-
label && /* @__PURE__ */
|
|
1985
|
+
return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-2", children: [
|
|
1986
|
+
label && /* @__PURE__ */ jsx25(
|
|
1656
1987
|
"label",
|
|
1657
1988
|
{
|
|
1658
1989
|
htmlFor: inputId,
|
|
@@ -1665,9 +1996,9 @@ var Input2 = React13.forwardRef(
|
|
|
1665
1996
|
}
|
|
1666
1997
|
),
|
|
1667
1998
|
inputElement,
|
|
1668
|
-
(description || error) && /* @__PURE__ */
|
|
1669
|
-
description && /* @__PURE__ */
|
|
1670
|
-
error && /* @__PURE__ */
|
|
1999
|
+
(description || error) && /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-1", children: [
|
|
2000
|
+
description && /* @__PURE__ */ jsx25(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
|
|
2001
|
+
error && /* @__PURE__ */ jsx25(
|
|
1671
2002
|
Typography,
|
|
1672
2003
|
{
|
|
1673
2004
|
variant: "xs",
|
|
@@ -1679,8 +2010,8 @@ var Input2 = React13.forwardRef(
|
|
|
1679
2010
|
] })
|
|
1680
2011
|
] });
|
|
1681
2012
|
}
|
|
1682
|
-
return /* @__PURE__ */
|
|
1683
|
-
label && /* @__PURE__ */
|
|
2013
|
+
return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-2", children: [
|
|
2014
|
+
label && /* @__PURE__ */ jsx25(
|
|
1684
2015
|
"label",
|
|
1685
2016
|
{
|
|
1686
2017
|
htmlFor: inputId,
|
|
@@ -1692,14 +2023,14 @@ var Input2 = React13.forwardRef(
|
|
|
1692
2023
|
children: label
|
|
1693
2024
|
}
|
|
1694
2025
|
),
|
|
1695
|
-
/* @__PURE__ */
|
|
1696
|
-
icon && /* @__PURE__ */
|
|
2026
|
+
/* @__PURE__ */ jsxs11("div", { className: "relative w-full", children: [
|
|
2027
|
+
icon && /* @__PURE__ */ jsx25("div", { className: "absolute left-3 top-1/2 -translate-y-1/2", children: icon }),
|
|
1697
2028
|
inputElement,
|
|
1698
|
-
actionButton && /* @__PURE__ */
|
|
2029
|
+
actionButton && /* @__PURE__ */ jsx25("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: actionButton })
|
|
1699
2030
|
] }),
|
|
1700
|
-
(description || error) && /* @__PURE__ */
|
|
1701
|
-
description && /* @__PURE__ */
|
|
1702
|
-
error && /* @__PURE__ */
|
|
2031
|
+
(description || error) && /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-1", children: [
|
|
2032
|
+
description && /* @__PURE__ */ jsx25(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
|
|
2033
|
+
error && /* @__PURE__ */ jsx25(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
|
|
1703
2034
|
] })
|
|
1704
2035
|
] });
|
|
1705
2036
|
}
|
|
@@ -1707,7 +2038,7 @@ var Input2 = React13.forwardRef(
|
|
|
1707
2038
|
Input2.displayName = "Input";
|
|
1708
2039
|
|
|
1709
2040
|
// src/components/checkbox/Checkbox.tsx
|
|
1710
|
-
import * as
|
|
2041
|
+
import * as React17 from "react";
|
|
1711
2042
|
import { Checkbox as CheckboxPrimitive2 } from "@base-ui/react/checkbox";
|
|
1712
2043
|
import { Check as Check2 } from "lucide-react";
|
|
1713
2044
|
import { cva as cva10 } from "class-variance-authority";
|
|
@@ -1716,23 +2047,23 @@ import { cva as cva10 } from "class-variance-authority";
|
|
|
1716
2047
|
import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
|
|
1717
2048
|
import { cn as cn10 } from "cn";
|
|
1718
2049
|
import { CheckIcon } from "lucide-react";
|
|
1719
|
-
import { jsx as
|
|
2050
|
+
import { jsx as jsx26 } from "react/jsx-runtime";
|
|
1720
2051
|
function Checkbox({ className, ...props }) {
|
|
1721
|
-
return /* @__PURE__ */
|
|
2052
|
+
return /* @__PURE__ */ jsx26(
|
|
1722
2053
|
CheckboxPrimitive.Root,
|
|
1723
2054
|
{
|
|
1724
2055
|
"data-slot": "checkbox",
|
|
1725
2056
|
className: cn10(
|
|
1726
|
-
"peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input transition-colors outline-none group-has-disabled/field:opacity-50 group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground group-has-[:focus-visible]/field-label:data-checked:border-primary dark:data-checked:bg-primary",
|
|
2057
|
+
"peer relative flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-[4px] border border-input transition-colors outline-none group-has-disabled/field:opacity-50 group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground group-has-[:focus-visible]/field-label:data-checked:border-primary dark:data-checked:bg-primary",
|
|
1727
2058
|
className
|
|
1728
2059
|
),
|
|
1729
2060
|
...props,
|
|
1730
|
-
children: /* @__PURE__ */
|
|
2061
|
+
children: /* @__PURE__ */ jsx26(
|
|
1731
2062
|
CheckboxPrimitive.Indicator,
|
|
1732
2063
|
{
|
|
1733
2064
|
"data-slot": "checkbox-indicator",
|
|
1734
2065
|
className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
|
|
1735
|
-
children: /* @__PURE__ */
|
|
2066
|
+
children: /* @__PURE__ */ jsx26(
|
|
1736
2067
|
CheckIcon,
|
|
1737
2068
|
{}
|
|
1738
2069
|
)
|
|
@@ -1743,7 +2074,7 @@ function Checkbox({ className, ...props }) {
|
|
|
1743
2074
|
}
|
|
1744
2075
|
|
|
1745
2076
|
// src/components/checkbox/Checkbox.tsx
|
|
1746
|
-
import { jsx as
|
|
2077
|
+
import { jsx as jsx27, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
1747
2078
|
var checkboxVariants = cva10(
|
|
1748
2079
|
"inline-flex items-center justify-center rounded-md transition-all duration-200 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
|
|
1749
2080
|
{
|
|
@@ -1765,7 +2096,7 @@ var checkboxVariants = cva10(
|
|
|
1765
2096
|
}
|
|
1766
2097
|
}
|
|
1767
2098
|
);
|
|
1768
|
-
var Checkbox2 =
|
|
2099
|
+
var Checkbox2 = React17.forwardRef(
|
|
1769
2100
|
({
|
|
1770
2101
|
"aria-label": ariaLabel,
|
|
1771
2102
|
className,
|
|
@@ -1778,11 +2109,11 @@ var Checkbox2 = React14.forwardRef(
|
|
|
1778
2109
|
disabled,
|
|
1779
2110
|
...props
|
|
1780
2111
|
}, ref) => {
|
|
1781
|
-
const generatedId =
|
|
2112
|
+
const generatedId = React17.useId();
|
|
1782
2113
|
const checkboxId = id || generatedId;
|
|
1783
2114
|
const errorId = `${checkboxId}-error`;
|
|
1784
|
-
return /* @__PURE__ */
|
|
1785
|
-
/* @__PURE__ */
|
|
2115
|
+
return /* @__PURE__ */ jsxs12("div", { className: "flex items-start gap-3", children: [
|
|
2116
|
+
/* @__PURE__ */ jsx27("div", { className: "relative flex items-start pt-0.5", children: /* @__PURE__ */ jsx27(
|
|
1786
2117
|
Checkbox,
|
|
1787
2118
|
{
|
|
1788
2119
|
ref,
|
|
@@ -1799,7 +2130,7 @@ var Checkbox2 = React14.forwardRef(
|
|
|
1799
2130
|
className
|
|
1800
2131
|
),
|
|
1801
2132
|
...props,
|
|
1802
|
-
children: /* @__PURE__ */
|
|
2133
|
+
children: /* @__PURE__ */ jsx27(CheckboxPrimitive2.Indicator, { children: /* @__PURE__ */ jsx27(
|
|
1803
2134
|
Check2,
|
|
1804
2135
|
{
|
|
1805
2136
|
className: "h-4 w-4 text-current stroke-current",
|
|
@@ -1808,8 +2139,8 @@ var Checkbox2 = React14.forwardRef(
|
|
|
1808
2139
|
) })
|
|
1809
2140
|
}
|
|
1810
2141
|
) }),
|
|
1811
|
-
(label || description || error) && /* @__PURE__ */
|
|
1812
|
-
label && /* @__PURE__ */
|
|
2142
|
+
(label || description || error) && /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-1", children: [
|
|
2143
|
+
label && /* @__PURE__ */ jsx27(
|
|
1813
2144
|
"label",
|
|
1814
2145
|
{
|
|
1815
2146
|
htmlFor: checkboxId,
|
|
@@ -1821,8 +2152,8 @@ var Checkbox2 = React14.forwardRef(
|
|
|
1821
2152
|
children: label
|
|
1822
2153
|
}
|
|
1823
2154
|
),
|
|
1824
|
-
description && /* @__PURE__ */
|
|
1825
|
-
error && /* @__PURE__ */
|
|
2155
|
+
description && /* @__PURE__ */ jsx27(Typography, { variant: "xs", color: "muted", children: description }),
|
|
2156
|
+
error && /* @__PURE__ */ jsx27(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
|
|
1826
2157
|
] })
|
|
1827
2158
|
] });
|
|
1828
2159
|
}
|
|
@@ -1830,10 +2161,10 @@ var Checkbox2 = React14.forwardRef(
|
|
|
1830
2161
|
Checkbox2.displayName = "Checkbox";
|
|
1831
2162
|
|
|
1832
2163
|
// src/components/switch/Switch.tsx
|
|
1833
|
-
import * as
|
|
2164
|
+
import * as React18 from "react";
|
|
1834
2165
|
import { Switch as SwitchPrimitives } from "@base-ui/react/switch";
|
|
1835
2166
|
import { cva as cva11 } from "class-variance-authority";
|
|
1836
|
-
import { jsx as
|
|
2167
|
+
import { jsx as jsx28, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
1837
2168
|
var switchRootVariants = cva11(
|
|
1838
2169
|
"peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-berget-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50",
|
|
1839
2170
|
{
|
|
@@ -1870,7 +2201,7 @@ var switchThumbVariants = cva11(
|
|
|
1870
2201
|
}
|
|
1871
2202
|
}
|
|
1872
2203
|
);
|
|
1873
|
-
var Switch =
|
|
2204
|
+
var Switch = React18.forwardRef(
|
|
1874
2205
|
({
|
|
1875
2206
|
"aria-label": ariaLabel,
|
|
1876
2207
|
className,
|
|
@@ -1883,11 +2214,11 @@ var Switch = React15.forwardRef(
|
|
|
1883
2214
|
disabled,
|
|
1884
2215
|
...props
|
|
1885
2216
|
}, ref) => {
|
|
1886
|
-
const generatedId =
|
|
2217
|
+
const generatedId = React18.useId();
|
|
1887
2218
|
const switchId = id || generatedId;
|
|
1888
2219
|
const errorId = `${switchId}-error`;
|
|
1889
|
-
return /* @__PURE__ */
|
|
1890
|
-
/* @__PURE__ */
|
|
2220
|
+
return /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3", children: [
|
|
2221
|
+
/* @__PURE__ */ jsx28(
|
|
1891
2222
|
SwitchPrimitives.Root,
|
|
1892
2223
|
{
|
|
1893
2224
|
ref,
|
|
@@ -1903,11 +2234,11 @@ var Switch = React15.forwardRef(
|
|
|
1903
2234
|
className
|
|
1904
2235
|
),
|
|
1905
2236
|
...props,
|
|
1906
|
-
children: /* @__PURE__ */
|
|
2237
|
+
children: /* @__PURE__ */ jsx28(SwitchPrimitives.Thumb, { className: cn(switchThumbVariants({ size })) })
|
|
1907
2238
|
}
|
|
1908
2239
|
),
|
|
1909
|
-
(label || description || error) && /* @__PURE__ */
|
|
1910
|
-
label && /* @__PURE__ */
|
|
2240
|
+
(label || description || error) && /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-1", children: [
|
|
2241
|
+
label && /* @__PURE__ */ jsx28(
|
|
1911
2242
|
"label",
|
|
1912
2243
|
{
|
|
1913
2244
|
htmlFor: switchId,
|
|
@@ -1918,8 +2249,8 @@ var Switch = React15.forwardRef(
|
|
|
1918
2249
|
children: label
|
|
1919
2250
|
}
|
|
1920
2251
|
),
|
|
1921
|
-
description && /* @__PURE__ */
|
|
1922
|
-
error && /* @__PURE__ */
|
|
2252
|
+
description && /* @__PURE__ */ jsx28(Typography, { variant: "xs", color: "muted", children: description }),
|
|
2253
|
+
error && /* @__PURE__ */ jsx28(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
|
|
1923
2254
|
] })
|
|
1924
2255
|
] });
|
|
1925
2256
|
}
|
|
@@ -1927,17 +2258,17 @@ var Switch = React15.forwardRef(
|
|
|
1927
2258
|
Switch.displayName = "Switch";
|
|
1928
2259
|
|
|
1929
2260
|
// src/components/select/Select.tsx
|
|
1930
|
-
import * as
|
|
2261
|
+
import * as React19 from "react";
|
|
1931
2262
|
import { cva as cva12 } from "class-variance-authority";
|
|
1932
2263
|
|
|
1933
2264
|
// src/primitives/select.tsx
|
|
1934
2265
|
import { Select as SelectPrimitive } from "@base-ui/react/select";
|
|
1935
2266
|
import { cn as cn11 } from "cn";
|
|
1936
2267
|
import { ChevronDownIcon as ChevronDownIcon2, CheckIcon as CheckIcon2, ChevronUpIcon } from "lucide-react";
|
|
1937
|
-
import { jsx as
|
|
2268
|
+
import { jsx as jsx29, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
1938
2269
|
var Select = SelectPrimitive.Root;
|
|
1939
2270
|
function SelectValue({ className, ...props }) {
|
|
1940
|
-
return /* @__PURE__ */
|
|
2271
|
+
return /* @__PURE__ */ jsx29(
|
|
1941
2272
|
SelectPrimitive.Value,
|
|
1942
2273
|
{
|
|
1943
2274
|
"data-slot": "select-value",
|
|
@@ -1952,22 +2283,22 @@ function SelectTrigger({
|
|
|
1952
2283
|
children,
|
|
1953
2284
|
...props
|
|
1954
2285
|
}) {
|
|
1955
|
-
return /* @__PURE__ */
|
|
2286
|
+
return /* @__PURE__ */ jsxs14(
|
|
1956
2287
|
SelectPrimitive.Trigger,
|
|
1957
2288
|
{
|
|
1958
2289
|
"data-slot": "select-trigger",
|
|
1959
2290
|
"data-size": size,
|
|
1960
2291
|
className: cn11(
|
|
1961
|
-
"flex w-fit items-center justify-between gap-1.5 rounded-lg border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
2292
|
+
"flex w-fit cursor-pointer items-center justify-between gap-1.5 rounded-lg border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
1962
2293
|
className
|
|
1963
2294
|
),
|
|
1964
2295
|
...props,
|
|
1965
2296
|
children: [
|
|
1966
2297
|
children,
|
|
1967
|
-
/* @__PURE__ */
|
|
2298
|
+
/* @__PURE__ */ jsx29(
|
|
1968
2299
|
SelectPrimitive.Icon,
|
|
1969
2300
|
{
|
|
1970
|
-
render: /* @__PURE__ */
|
|
2301
|
+
render: /* @__PURE__ */ jsx29(ChevronDownIcon2, { className: "pointer-events-none size-4 text-muted-foreground" })
|
|
1971
2302
|
}
|
|
1972
2303
|
)
|
|
1973
2304
|
]
|
|
@@ -1984,7 +2315,7 @@ function SelectContent({
|
|
|
1984
2315
|
alignItemWithTrigger = true,
|
|
1985
2316
|
...props
|
|
1986
2317
|
}) {
|
|
1987
|
-
return /* @__PURE__ */
|
|
2318
|
+
return /* @__PURE__ */ jsx29(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx29(
|
|
1988
2319
|
SelectPrimitive.Positioner,
|
|
1989
2320
|
{
|
|
1990
2321
|
side,
|
|
@@ -1993,7 +2324,7 @@ function SelectContent({
|
|
|
1993
2324
|
alignOffset,
|
|
1994
2325
|
alignItemWithTrigger,
|
|
1995
2326
|
className: "isolate z-50",
|
|
1996
|
-
children: /* @__PURE__ */
|
|
2327
|
+
children: /* @__PURE__ */ jsxs14(
|
|
1997
2328
|
SelectPrimitive.Popup,
|
|
1998
2329
|
{
|
|
1999
2330
|
"data-slot": "select-content",
|
|
@@ -2001,9 +2332,9 @@ function SelectContent({
|
|
|
2001
2332
|
className: cn11("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
|
|
2002
2333
|
...props,
|
|
2003
2334
|
children: [
|
|
2004
|
-
/* @__PURE__ */
|
|
2005
|
-
/* @__PURE__ */
|
|
2006
|
-
/* @__PURE__ */
|
|
2335
|
+
/* @__PURE__ */ jsx29(SelectScrollUpButton, {}),
|
|
2336
|
+
/* @__PURE__ */ jsx29(SelectPrimitive.List, { children }),
|
|
2337
|
+
/* @__PURE__ */ jsx29(SelectScrollDownButton, {})
|
|
2007
2338
|
]
|
|
2008
2339
|
}
|
|
2009
2340
|
)
|
|
@@ -2015,7 +2346,7 @@ function SelectItem({
|
|
|
2015
2346
|
children,
|
|
2016
2347
|
...props
|
|
2017
2348
|
}) {
|
|
2018
|
-
return /* @__PURE__ */
|
|
2349
|
+
return /* @__PURE__ */ jsxs14(
|
|
2019
2350
|
SelectPrimitive.Item,
|
|
2020
2351
|
{
|
|
2021
2352
|
"data-slot": "select-item",
|
|
@@ -2025,12 +2356,12 @@ function SelectItem({
|
|
|
2025
2356
|
),
|
|
2026
2357
|
...props,
|
|
2027
2358
|
children: [
|
|
2028
|
-
/* @__PURE__ */
|
|
2029
|
-
/* @__PURE__ */
|
|
2359
|
+
/* @__PURE__ */ jsx29(SelectPrimitive.ItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children }),
|
|
2360
|
+
/* @__PURE__ */ jsx29(
|
|
2030
2361
|
SelectPrimitive.ItemIndicator,
|
|
2031
2362
|
{
|
|
2032
|
-
render: /* @__PURE__ */
|
|
2033
|
-
children: /* @__PURE__ */
|
|
2363
|
+
render: /* @__PURE__ */ jsx29("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
|
|
2364
|
+
children: /* @__PURE__ */ jsx29(CheckIcon2, { className: "pointer-events-none" })
|
|
2034
2365
|
}
|
|
2035
2366
|
)
|
|
2036
2367
|
]
|
|
@@ -2041,7 +2372,7 @@ function SelectScrollUpButton({
|
|
|
2041
2372
|
className,
|
|
2042
2373
|
...props
|
|
2043
2374
|
}) {
|
|
2044
|
-
return /* @__PURE__ */
|
|
2375
|
+
return /* @__PURE__ */ jsx29(
|
|
2045
2376
|
SelectPrimitive.ScrollUpArrow,
|
|
2046
2377
|
{
|
|
2047
2378
|
"data-slot": "select-scroll-up-button",
|
|
@@ -2050,7 +2381,7 @@ function SelectScrollUpButton({
|
|
|
2050
2381
|
className
|
|
2051
2382
|
),
|
|
2052
2383
|
...props,
|
|
2053
|
-
children: /* @__PURE__ */
|
|
2384
|
+
children: /* @__PURE__ */ jsx29(
|
|
2054
2385
|
ChevronUpIcon,
|
|
2055
2386
|
{}
|
|
2056
2387
|
)
|
|
@@ -2061,7 +2392,7 @@ function SelectScrollDownButton({
|
|
|
2061
2392
|
className,
|
|
2062
2393
|
...props
|
|
2063
2394
|
}) {
|
|
2064
|
-
return /* @__PURE__ */
|
|
2395
|
+
return /* @__PURE__ */ jsx29(
|
|
2065
2396
|
SelectPrimitive.ScrollDownArrow,
|
|
2066
2397
|
{
|
|
2067
2398
|
"data-slot": "select-scroll-down-button",
|
|
@@ -2070,7 +2401,7 @@ function SelectScrollDownButton({
|
|
|
2070
2401
|
className
|
|
2071
2402
|
),
|
|
2072
2403
|
...props,
|
|
2073
|
-
children: /* @__PURE__ */
|
|
2404
|
+
children: /* @__PURE__ */ jsx29(
|
|
2074
2405
|
ChevronDownIcon2,
|
|
2075
2406
|
{}
|
|
2076
2407
|
)
|
|
@@ -2079,7 +2410,7 @@ function SelectScrollDownButton({
|
|
|
2079
2410
|
}
|
|
2080
2411
|
|
|
2081
2412
|
// src/components/select/Select.tsx
|
|
2082
|
-
import { jsx as
|
|
2413
|
+
import { jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
2083
2414
|
var selectVariants = cva12(
|
|
2084
2415
|
"flex w-full items-center justify-between rounded-berget-xs border bg-card px-4 py-3 text-sm transition-colors duration-200 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:border-berget-form-focus-border disabled:cursor-not-allowed disabled:opacity-50",
|
|
2085
2416
|
{
|
|
@@ -2102,7 +2433,7 @@ var selectVariants = cva12(
|
|
|
2102
2433
|
}
|
|
2103
2434
|
}
|
|
2104
2435
|
);
|
|
2105
|
-
var Select2 =
|
|
2436
|
+
var Select2 = React19.forwardRef(
|
|
2106
2437
|
({
|
|
2107
2438
|
className,
|
|
2108
2439
|
variant,
|
|
@@ -2120,12 +2451,12 @@ var Select2 = React16.forwardRef(
|
|
|
2120
2451
|
name,
|
|
2121
2452
|
required
|
|
2122
2453
|
}, ref) => {
|
|
2123
|
-
const generatedId =
|
|
2454
|
+
const generatedId = React19.useId();
|
|
2124
2455
|
const selectId = id || generatedId;
|
|
2125
2456
|
const errorId = `${selectId}-error`;
|
|
2126
2457
|
const descriptionId = `${selectId}-description`;
|
|
2127
|
-
return /* @__PURE__ */
|
|
2128
|
-
label && /* @__PURE__ */
|
|
2458
|
+
return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-2", children: [
|
|
2459
|
+
label && /* @__PURE__ */ jsx30(
|
|
2129
2460
|
"label",
|
|
2130
2461
|
{
|
|
2131
2462
|
htmlFor: selectId,
|
|
@@ -2137,7 +2468,7 @@ var Select2 = React16.forwardRef(
|
|
|
2137
2468
|
children: label
|
|
2138
2469
|
}
|
|
2139
2470
|
),
|
|
2140
|
-
/* @__PURE__ */
|
|
2471
|
+
/* @__PURE__ */ jsxs15(
|
|
2141
2472
|
Select,
|
|
2142
2473
|
{
|
|
2143
2474
|
value,
|
|
@@ -2148,7 +2479,7 @@ var Select2 = React16.forwardRef(
|
|
|
2148
2479
|
required,
|
|
2149
2480
|
items: options,
|
|
2150
2481
|
children: [
|
|
2151
|
-
/* @__PURE__ */
|
|
2482
|
+
/* @__PURE__ */ jsx30(
|
|
2152
2483
|
SelectTrigger,
|
|
2153
2484
|
{
|
|
2154
2485
|
ref,
|
|
@@ -2160,33 +2491,33 @@ var Select2 = React16.forwardRef(
|
|
|
2160
2491
|
error && "border-berget-destructive-foreground/50 bg-berget-destructive",
|
|
2161
2492
|
className
|
|
2162
2493
|
),
|
|
2163
|
-
children: /* @__PURE__ */
|
|
2494
|
+
children: /* @__PURE__ */ jsx30(SelectValue, { placeholder })
|
|
2164
2495
|
}
|
|
2165
2496
|
),
|
|
2166
|
-
/* @__PURE__ */
|
|
2497
|
+
/* @__PURE__ */ jsx30(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx30(SelectItem, { value: option.value, disabled: option.disabled, children: option.label }, option.value)) })
|
|
2167
2498
|
]
|
|
2168
2499
|
}
|
|
2169
2500
|
),
|
|
2170
|
-
description && /* @__PURE__ */
|
|
2171
|
-
error && /* @__PURE__ */
|
|
2501
|
+
description && /* @__PURE__ */ jsx30(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
|
|
2502
|
+
error && /* @__PURE__ */ jsx30(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
|
|
2172
2503
|
] });
|
|
2173
2504
|
}
|
|
2174
2505
|
);
|
|
2175
2506
|
Select2.displayName = "Select";
|
|
2176
2507
|
|
|
2177
2508
|
// src/components/country-select/CountrySelect.tsx
|
|
2178
|
-
import * as
|
|
2509
|
+
import * as React21 from "react";
|
|
2179
2510
|
import { ChevronDown as ChevronDown2, Globe } from "lucide-react";
|
|
2180
2511
|
|
|
2181
2512
|
// src/components/icon/Icon.tsx
|
|
2182
|
-
import * as
|
|
2183
|
-
import { jsx as
|
|
2513
|
+
import * as React20 from "react";
|
|
2514
|
+
import { jsx as jsx31 } from "react/jsx-runtime";
|
|
2184
2515
|
var iconStrokeMap = {
|
|
2185
2516
|
16: 1.4,
|
|
2186
2517
|
24: 1.6,
|
|
2187
2518
|
32: 1.8
|
|
2188
2519
|
};
|
|
2189
|
-
var Icon =
|
|
2520
|
+
var Icon = React20.forwardRef(
|
|
2190
2521
|
({
|
|
2191
2522
|
icon: IconComponent,
|
|
2192
2523
|
size,
|
|
@@ -2198,7 +2529,7 @@ var Icon = React17.forwardRef(
|
|
|
2198
2529
|
const strokeWidth = iconStrokeMap[size];
|
|
2199
2530
|
const sizeClass = size === 16 ? "w-4 h-4" : size === 24 ? "w-6 h-6" : "w-8 h-8";
|
|
2200
2531
|
const ariaAttributes = ariaLabel ? { "aria-label": ariaLabel } : { "aria-hidden": ariaHidden };
|
|
2201
|
-
return /* @__PURE__ */
|
|
2532
|
+
return /* @__PURE__ */ jsx31(
|
|
2202
2533
|
IconComponent,
|
|
2203
2534
|
{
|
|
2204
2535
|
ref,
|
|
@@ -2215,12 +2546,12 @@ Icon.displayName = "Icon";
|
|
|
2215
2546
|
// src/primitives/popover.tsx
|
|
2216
2547
|
import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
|
|
2217
2548
|
import { cn as cn12 } from "cn";
|
|
2218
|
-
import { jsx as
|
|
2549
|
+
import { jsx as jsx32 } from "react/jsx-runtime";
|
|
2219
2550
|
function Popover({ ...props }) {
|
|
2220
|
-
return /* @__PURE__ */
|
|
2551
|
+
return /* @__PURE__ */ jsx32(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
|
|
2221
2552
|
}
|
|
2222
2553
|
function PopoverTrigger({ ...props }) {
|
|
2223
|
-
return /* @__PURE__ */
|
|
2554
|
+
return /* @__PURE__ */ jsx32(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
|
|
2224
2555
|
}
|
|
2225
2556
|
function PopoverContent({
|
|
2226
2557
|
className,
|
|
@@ -2230,7 +2561,7 @@ function PopoverContent({
|
|
|
2230
2561
|
sideOffset = 4,
|
|
2231
2562
|
...props
|
|
2232
2563
|
}) {
|
|
2233
|
-
return /* @__PURE__ */
|
|
2564
|
+
return /* @__PURE__ */ jsx32(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx32(
|
|
2234
2565
|
PopoverPrimitive.Positioner,
|
|
2235
2566
|
{
|
|
2236
2567
|
align,
|
|
@@ -2238,7 +2569,7 @@ function PopoverContent({
|
|
|
2238
2569
|
side,
|
|
2239
2570
|
sideOffset,
|
|
2240
2571
|
className: "isolate z-50",
|
|
2241
|
-
children: /* @__PURE__ */
|
|
2572
|
+
children: /* @__PURE__ */ jsx32(
|
|
2242
2573
|
PopoverPrimitive.Popup,
|
|
2243
2574
|
{
|
|
2244
2575
|
"data-slot": "popover-content",
|
|
@@ -2261,7 +2592,7 @@ import { cn as cn16 } from "cn";
|
|
|
2261
2592
|
import { Dialog as DialogPrimitive2 } from "@base-ui/react/dialog";
|
|
2262
2593
|
import { cn as cn13 } from "cn";
|
|
2263
2594
|
import { XIcon } from "lucide-react";
|
|
2264
|
-
import { jsx as
|
|
2595
|
+
import { jsx as jsx33, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
2265
2596
|
|
|
2266
2597
|
// src/primitives/input-group.tsx
|
|
2267
2598
|
import { cva as cva13 } from "class-variance-authority";
|
|
@@ -2269,9 +2600,9 @@ import { cn as cn15 } from "cn";
|
|
|
2269
2600
|
|
|
2270
2601
|
// src/primitives/textarea.tsx
|
|
2271
2602
|
import { cn as cn14 } from "cn";
|
|
2272
|
-
import { jsx as
|
|
2603
|
+
import { jsx as jsx34 } from "react/jsx-runtime";
|
|
2273
2604
|
function Textarea({ className, ...props }) {
|
|
2274
|
-
return /* @__PURE__ */
|
|
2605
|
+
return /* @__PURE__ */ jsx34(
|
|
2275
2606
|
"textarea",
|
|
2276
2607
|
{
|
|
2277
2608
|
"data-slot": "textarea",
|
|
@@ -2285,9 +2616,9 @@ function Textarea({ className, ...props }) {
|
|
|
2285
2616
|
}
|
|
2286
2617
|
|
|
2287
2618
|
// src/primitives/input-group.tsx
|
|
2288
|
-
import { jsx as
|
|
2619
|
+
import { jsx as jsx35 } from "react/jsx-runtime";
|
|
2289
2620
|
function InputGroup({ className, ...props }) {
|
|
2290
|
-
return /* @__PURE__ */
|
|
2621
|
+
return /* @__PURE__ */ jsx35(
|
|
2291
2622
|
"div",
|
|
2292
2623
|
{
|
|
2293
2624
|
"data-slot": "input-group",
|
|
@@ -2321,7 +2652,7 @@ function InputGroupAddon({
|
|
|
2321
2652
|
align = "inline-start",
|
|
2322
2653
|
...props
|
|
2323
2654
|
}) {
|
|
2324
|
-
return /* @__PURE__ */
|
|
2655
|
+
return /* @__PURE__ */ jsx35(
|
|
2325
2656
|
"div",
|
|
2326
2657
|
{
|
|
2327
2658
|
role: "group",
|
|
@@ -2357,12 +2688,12 @@ var inputGroupButtonVariants = cva13(
|
|
|
2357
2688
|
|
|
2358
2689
|
// src/primitives/command.tsx
|
|
2359
2690
|
import { SearchIcon, CheckIcon as CheckIcon3 } from "lucide-react";
|
|
2360
|
-
import { jsx as
|
|
2691
|
+
import { jsx as jsx36, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
2361
2692
|
function Command({
|
|
2362
2693
|
className,
|
|
2363
2694
|
...props
|
|
2364
2695
|
}) {
|
|
2365
|
-
return /* @__PURE__ */
|
|
2696
|
+
return /* @__PURE__ */ jsx36(
|
|
2366
2697
|
CommandPrimitive,
|
|
2367
2698
|
{
|
|
2368
2699
|
"data-slot": "command",
|
|
@@ -2378,8 +2709,8 @@ function CommandInput({
|
|
|
2378
2709
|
className,
|
|
2379
2710
|
...props
|
|
2380
2711
|
}) {
|
|
2381
|
-
return /* @__PURE__ */
|
|
2382
|
-
/* @__PURE__ */
|
|
2712
|
+
return /* @__PURE__ */ jsx36("div", { "data-slot": "command-input-wrapper", className: "p-1 pb-0", children: /* @__PURE__ */ jsxs17(InputGroup, { className: "h-8! rounded-lg! border-input/30 bg-input/30 shadow-none! *:data-[slot=input-group-addon]:pl-2!", children: [
|
|
2713
|
+
/* @__PURE__ */ jsx36(
|
|
2383
2714
|
CommandPrimitive.Input,
|
|
2384
2715
|
{
|
|
2385
2716
|
"data-slot": "command-input",
|
|
@@ -2390,14 +2721,14 @@ function CommandInput({
|
|
|
2390
2721
|
...props
|
|
2391
2722
|
}
|
|
2392
2723
|
),
|
|
2393
|
-
/* @__PURE__ */
|
|
2724
|
+
/* @__PURE__ */ jsx36(InputGroupAddon, { children: /* @__PURE__ */ jsx36(SearchIcon, { className: "size-4 shrink-0 opacity-50" }) })
|
|
2394
2725
|
] }) });
|
|
2395
2726
|
}
|
|
2396
2727
|
function CommandList({
|
|
2397
2728
|
className,
|
|
2398
2729
|
...props
|
|
2399
2730
|
}) {
|
|
2400
|
-
return /* @__PURE__ */
|
|
2731
|
+
return /* @__PURE__ */ jsx36(
|
|
2401
2732
|
CommandPrimitive.List,
|
|
2402
2733
|
{
|
|
2403
2734
|
"data-slot": "command-list",
|
|
@@ -2413,7 +2744,7 @@ function CommandEmpty({
|
|
|
2413
2744
|
className,
|
|
2414
2745
|
...props
|
|
2415
2746
|
}) {
|
|
2416
|
-
return /* @__PURE__ */
|
|
2747
|
+
return /* @__PURE__ */ jsx36(
|
|
2417
2748
|
CommandPrimitive.Empty,
|
|
2418
2749
|
{
|
|
2419
2750
|
"data-slot": "command-empty",
|
|
@@ -2426,7 +2757,7 @@ function CommandGroup({
|
|
|
2426
2757
|
className,
|
|
2427
2758
|
...props
|
|
2428
2759
|
}) {
|
|
2429
|
-
return /* @__PURE__ */
|
|
2760
|
+
return /* @__PURE__ */ jsx36(
|
|
2430
2761
|
CommandPrimitive.Group,
|
|
2431
2762
|
{
|
|
2432
2763
|
"data-slot": "command-group",
|
|
@@ -2443,7 +2774,7 @@ function CommandItem({
|
|
|
2443
2774
|
children,
|
|
2444
2775
|
...props
|
|
2445
2776
|
}) {
|
|
2446
|
-
return /* @__PURE__ */
|
|
2777
|
+
return /* @__PURE__ */ jsxs17(
|
|
2447
2778
|
CommandPrimitive.Item,
|
|
2448
2779
|
{
|
|
2449
2780
|
"data-slot": "command-item",
|
|
@@ -2454,7 +2785,7 @@ function CommandItem({
|
|
|
2454
2785
|
...props,
|
|
2455
2786
|
children: [
|
|
2456
2787
|
children,
|
|
2457
|
-
/* @__PURE__ */
|
|
2788
|
+
/* @__PURE__ */ jsx36(CheckIcon3, { className: "ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" })
|
|
2458
2789
|
]
|
|
2459
2790
|
}
|
|
2460
2791
|
);
|
|
@@ -2602,8 +2933,8 @@ var isEUCountry = (countryCode) => {
|
|
|
2602
2933
|
};
|
|
2603
2934
|
|
|
2604
2935
|
// src/components/country-select/CountrySelect.tsx
|
|
2605
|
-
import { Fragment as
|
|
2606
|
-
var CountrySelect =
|
|
2936
|
+
import { Fragment as Fragment3, jsx as jsx37, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
2937
|
+
var CountrySelect = React21.forwardRef(
|
|
2607
2938
|
({
|
|
2608
2939
|
value,
|
|
2609
2940
|
onValueChange,
|
|
@@ -2613,14 +2944,14 @@ var CountrySelect = React18.forwardRef(
|
|
|
2613
2944
|
align = "center",
|
|
2614
2945
|
sideOffset = 4
|
|
2615
2946
|
}, ref) => {
|
|
2616
|
-
const [open, setOpen] =
|
|
2617
|
-
const selectedCountry =
|
|
2618
|
-
return /* @__PURE__ */
|
|
2619
|
-
/* @__PURE__ */
|
|
2947
|
+
const [open, setOpen] = React21.useState(false);
|
|
2948
|
+
const selectedCountry = React21.useMemo(() => COUNTRIES.find((c) => c.code === value), [value]);
|
|
2949
|
+
return /* @__PURE__ */ jsxs18(Popover, { open, onOpenChange: setOpen, children: [
|
|
2950
|
+
/* @__PURE__ */ jsxs18(
|
|
2620
2951
|
PopoverTrigger,
|
|
2621
2952
|
{
|
|
2622
2953
|
ref,
|
|
2623
|
-
render: /* @__PURE__ */
|
|
2954
|
+
render: /* @__PURE__ */ jsx37(
|
|
2624
2955
|
"button",
|
|
2625
2956
|
{
|
|
2626
2957
|
type: "button",
|
|
@@ -2642,16 +2973,16 @@ var CountrySelect = React18.forwardRef(
|
|
|
2642
2973
|
}
|
|
2643
2974
|
),
|
|
2644
2975
|
children: [
|
|
2645
|
-
/* @__PURE__ */
|
|
2646
|
-
/* @__PURE__ */
|
|
2647
|
-
/* @__PURE__ */
|
|
2648
|
-
/* @__PURE__ */
|
|
2976
|
+
/* @__PURE__ */ jsx37("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: selectedCountry ? /* @__PURE__ */ jsxs18(Fragment3, { children: [
|
|
2977
|
+
/* @__PURE__ */ jsx37("span", { className: "text-xl flex-shrink-0", children: selectedCountry.flag }),
|
|
2978
|
+
/* @__PURE__ */ jsx37("span", { className: "truncate", children: selectedCountry.name }),
|
|
2979
|
+
/* @__PURE__ */ jsxs18("span", { className: "text-berget-muted-foreground text-xs flex-shrink-0", children: [
|
|
2649
2980
|
"(",
|
|
2650
2981
|
selectedCountry.code,
|
|
2651
2982
|
")"
|
|
2652
2983
|
] })
|
|
2653
|
-
] }) : /* @__PURE__ */
|
|
2654
|
-
/* @__PURE__ */
|
|
2984
|
+
] }) : /* @__PURE__ */ jsxs18(Fragment3, { children: [
|
|
2985
|
+
/* @__PURE__ */ jsx37(
|
|
2655
2986
|
Icon,
|
|
2656
2987
|
{
|
|
2657
2988
|
icon: Globe,
|
|
@@ -2659,9 +2990,9 @@ var CountrySelect = React18.forwardRef(
|
|
|
2659
2990
|
className: "flex-shrink-0 text-berget-muted-foreground"
|
|
2660
2991
|
}
|
|
2661
2992
|
),
|
|
2662
|
-
/* @__PURE__ */
|
|
2993
|
+
/* @__PURE__ */ jsx37("span", { className: "text-berget-muted-foreground truncate", children: placeholder })
|
|
2663
2994
|
] }) }),
|
|
2664
|
-
/* @__PURE__ */
|
|
2995
|
+
/* @__PURE__ */ jsx37(
|
|
2665
2996
|
Icon,
|
|
2666
2997
|
{
|
|
2667
2998
|
icon: ChevronDown2,
|
|
@@ -2676,17 +3007,17 @@ var CountrySelect = React18.forwardRef(
|
|
|
2676
3007
|
]
|
|
2677
3008
|
}
|
|
2678
3009
|
),
|
|
2679
|
-
/* @__PURE__ */
|
|
3010
|
+
/* @__PURE__ */ jsx37(
|
|
2680
3011
|
PopoverContent,
|
|
2681
3012
|
{
|
|
2682
3013
|
align,
|
|
2683
3014
|
sideOffset,
|
|
2684
3015
|
className: "w-[var(--radix-popover-trigger-width)] p-0",
|
|
2685
|
-
children: /* @__PURE__ */
|
|
2686
|
-
/* @__PURE__ */
|
|
2687
|
-
/* @__PURE__ */
|
|
2688
|
-
/* @__PURE__ */
|
|
2689
|
-
/* @__PURE__ */
|
|
3016
|
+
children: /* @__PURE__ */ jsxs18(Command, { children: [
|
|
3017
|
+
/* @__PURE__ */ jsx37(CommandInput, { placeholder: "Search country..." }),
|
|
3018
|
+
/* @__PURE__ */ jsxs18(CommandList, { children: [
|
|
3019
|
+
/* @__PURE__ */ jsx37(CommandEmpty, { children: "No countries found." }),
|
|
3020
|
+
/* @__PURE__ */ jsx37(CommandGroup, { children: COUNTRIES.map((country) => /* @__PURE__ */ jsxs18(
|
|
2690
3021
|
CommandItem,
|
|
2691
3022
|
{
|
|
2692
3023
|
value: `${country.name} ${country.code}`,
|
|
@@ -2700,12 +3031,12 @@ var CountrySelect = React18.forwardRef(
|
|
|
2700
3031
|
value === country.code && "bg-berget-brand-granite-800/40"
|
|
2701
3032
|
),
|
|
2702
3033
|
children: [
|
|
2703
|
-
/* @__PURE__ */
|
|
2704
|
-
/* @__PURE__ */
|
|
2705
|
-
/* @__PURE__ */
|
|
2706
|
-
/* @__PURE__ */
|
|
3034
|
+
/* @__PURE__ */ jsx37("span", { className: "text-xl flex-shrink-0", children: country.flag }),
|
|
3035
|
+
/* @__PURE__ */ jsxs18("div", { className: "flex-1 min-w-0", children: [
|
|
3036
|
+
/* @__PURE__ */ jsx37("div", { className: "text-sm truncate", children: country.name }),
|
|
3037
|
+
/* @__PURE__ */ jsx37("div", { className: "text-xs text-berget-muted-foreground", children: country.code })
|
|
2707
3038
|
] }),
|
|
2708
|
-
value === country.code && /* @__PURE__ */
|
|
3039
|
+
value === country.code && /* @__PURE__ */ jsx37("div", { className: "w-2 h-2 rounded-full bg-berget-brand-granite-400 flex-shrink-0" })
|
|
2709
3040
|
]
|
|
2710
3041
|
},
|
|
2711
3042
|
country.code
|
|
@@ -2720,9 +3051,9 @@ var CountrySelect = React18.forwardRef(
|
|
|
2720
3051
|
CountrySelect.displayName = "CountrySelect";
|
|
2721
3052
|
|
|
2722
3053
|
// src/components/text-area/TextArea.tsx
|
|
2723
|
-
import * as
|
|
3054
|
+
import * as React22 from "react";
|
|
2724
3055
|
import { cva as cva14 } from "class-variance-authority";
|
|
2725
|
-
import { jsx as
|
|
3056
|
+
import { jsx as jsx38, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
2726
3057
|
var textAreaVariants = cva14(
|
|
2727
3058
|
"rounded-berget-xs bg-card px-4 py-3 transition-colors duration-200 focus-visible:border-berget-form-focus-border focus-visible:ring-0 focus-visible:ring-offset-0 resize-y",
|
|
2728
3059
|
{
|
|
@@ -2745,7 +3076,7 @@ var textAreaVariants = cva14(
|
|
|
2745
3076
|
}
|
|
2746
3077
|
}
|
|
2747
3078
|
);
|
|
2748
|
-
var TextArea =
|
|
3079
|
+
var TextArea = React22.forwardRef(
|
|
2749
3080
|
({
|
|
2750
3081
|
className,
|
|
2751
3082
|
variant,
|
|
@@ -2765,13 +3096,13 @@ var TextArea = React19.forwardRef(
|
|
|
2765
3096
|
actionButton,
|
|
2766
3097
|
...props
|
|
2767
3098
|
}, ref) => {
|
|
2768
|
-
const generatedId =
|
|
3099
|
+
const generatedId = React22.useId();
|
|
2769
3100
|
const textareaId = id || generatedId;
|
|
2770
3101
|
const errorId = `${textareaId}-error`;
|
|
2771
3102
|
const descriptionId = `${textareaId}-description`;
|
|
2772
3103
|
const characterCount = typeof value === "string" ? value.length : 0;
|
|
2773
|
-
return /* @__PURE__ */
|
|
2774
|
-
label && /* @__PURE__ */
|
|
3104
|
+
return /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-2", children: [
|
|
3105
|
+
label && /* @__PURE__ */ jsx38(
|
|
2775
3106
|
"label",
|
|
2776
3107
|
{
|
|
2777
3108
|
htmlFor: textareaId,
|
|
@@ -2783,9 +3114,9 @@ var TextArea = React19.forwardRef(
|
|
|
2783
3114
|
children: label
|
|
2784
3115
|
}
|
|
2785
3116
|
),
|
|
2786
|
-
/* @__PURE__ */
|
|
2787
|
-
icon && /* @__PURE__ */
|
|
2788
|
-
/* @__PURE__ */
|
|
3117
|
+
/* @__PURE__ */ jsxs19("div", { className: "relative", children: [
|
|
3118
|
+
icon && /* @__PURE__ */ jsx38("div", { className: "absolute left-2 top-1/2 -translate-y-1/2", children: icon }),
|
|
3119
|
+
/* @__PURE__ */ jsx38(
|
|
2789
3120
|
Textarea,
|
|
2790
3121
|
{
|
|
2791
3122
|
ref,
|
|
@@ -2810,13 +3141,13 @@ var TextArea = React19.forwardRef(
|
|
|
2810
3141
|
...props
|
|
2811
3142
|
}
|
|
2812
3143
|
),
|
|
2813
|
-
secondaryIcon && /* @__PURE__ */
|
|
2814
|
-
actionButton && /* @__PURE__ */
|
|
3144
|
+
secondaryIcon && /* @__PURE__ */ jsx38("div", { className: "absolute right-12 top-1/2 -translate-y-1/2", children: secondaryIcon }),
|
|
3145
|
+
actionButton && /* @__PURE__ */ jsx38("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: actionButton })
|
|
2815
3146
|
] }),
|
|
2816
|
-
(description || error || showCount && maxLength) && /* @__PURE__ */
|
|
2817
|
-
description && /* @__PURE__ */
|
|
2818
|
-
(error || showCount && maxLength) && /* @__PURE__ */
|
|
2819
|
-
showCount && maxLength && /* @__PURE__ */
|
|
3147
|
+
(description || error || showCount && maxLength) && /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between gap-2", children: [
|
|
3148
|
+
description && /* @__PURE__ */ jsx38(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
|
|
3149
|
+
(error || showCount && maxLength) && /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2 ml-auto", children: [
|
|
3150
|
+
showCount && maxLength && /* @__PURE__ */ jsxs19(
|
|
2820
3151
|
Typography,
|
|
2821
3152
|
{
|
|
2822
3153
|
variant: "xs",
|
|
@@ -2830,7 +3161,7 @@ var TextArea = React19.forwardRef(
|
|
|
2830
3161
|
]
|
|
2831
3162
|
}
|
|
2832
3163
|
),
|
|
2833
|
-
error && /* @__PURE__ */
|
|
3164
|
+
error && /* @__PURE__ */ jsx38(
|
|
2834
3165
|
Typography,
|
|
2835
3166
|
{
|
|
2836
3167
|
variant: "xs",
|
|
@@ -2848,9 +3179,9 @@ TextArea.displayName = "TextArea";
|
|
|
2848
3179
|
|
|
2849
3180
|
// src/primitives/label.tsx
|
|
2850
3181
|
import { cn as cn17 } from "cn";
|
|
2851
|
-
import { jsx as
|
|
3182
|
+
import { jsx as jsx39 } from "react/jsx-runtime";
|
|
2852
3183
|
function Label({ className, ...props }) {
|
|
2853
|
-
return /* @__PURE__ */
|
|
3184
|
+
return /* @__PURE__ */ jsx39(
|
|
2854
3185
|
"label",
|
|
2855
3186
|
{
|
|
2856
3187
|
"data-slot": "label",
|
|
@@ -2867,9 +3198,9 @@ function Label({ className, ...props }) {
|
|
|
2867
3198
|
import { useMemo as useMemo3 } from "react";
|
|
2868
3199
|
import { cva as cva15 } from "class-variance-authority";
|
|
2869
3200
|
import { cn as cn18 } from "cn";
|
|
2870
|
-
import { jsx as
|
|
3201
|
+
import { jsx as jsx40, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
2871
3202
|
function FieldSet({ className, ...props }) {
|
|
2872
|
-
return /* @__PURE__ */
|
|
3203
|
+
return /* @__PURE__ */ jsx40(
|
|
2873
3204
|
"fieldset",
|
|
2874
3205
|
{
|
|
2875
3206
|
"data-slot": "field-set",
|
|
@@ -2886,7 +3217,7 @@ function FieldLegend({
|
|
|
2886
3217
|
variant = "legend",
|
|
2887
3218
|
...props
|
|
2888
3219
|
}) {
|
|
2889
|
-
return /* @__PURE__ */
|
|
3220
|
+
return /* @__PURE__ */ jsx40(
|
|
2890
3221
|
"legend",
|
|
2891
3222
|
{
|
|
2892
3223
|
"data-slot": "field-legend",
|
|
@@ -2900,7 +3231,7 @@ function FieldLegend({
|
|
|
2900
3231
|
);
|
|
2901
3232
|
}
|
|
2902
3233
|
function FieldGroup({ className, ...props }) {
|
|
2903
|
-
return /* @__PURE__ */
|
|
3234
|
+
return /* @__PURE__ */ jsx40(
|
|
2904
3235
|
"div",
|
|
2905
3236
|
{
|
|
2906
3237
|
"data-slot": "field-group",
|
|
@@ -2932,7 +3263,7 @@ function Field({
|
|
|
2932
3263
|
orientation = "vertical",
|
|
2933
3264
|
...props
|
|
2934
3265
|
}) {
|
|
2935
|
-
return /* @__PURE__ */
|
|
3266
|
+
return /* @__PURE__ */ jsx40(
|
|
2936
3267
|
"div",
|
|
2937
3268
|
{
|
|
2938
3269
|
role: "group",
|
|
@@ -2944,7 +3275,7 @@ function Field({
|
|
|
2944
3275
|
);
|
|
2945
3276
|
}
|
|
2946
3277
|
function FieldContent({ className, ...props }) {
|
|
2947
|
-
return /* @__PURE__ */
|
|
3278
|
+
return /* @__PURE__ */ jsx40(
|
|
2948
3279
|
"div",
|
|
2949
3280
|
{
|
|
2950
3281
|
"data-slot": "field-content",
|
|
@@ -2960,7 +3291,7 @@ function FieldLabel({
|
|
|
2960
3291
|
className,
|
|
2961
3292
|
...props
|
|
2962
3293
|
}) {
|
|
2963
|
-
return /* @__PURE__ */
|
|
3294
|
+
return /* @__PURE__ */ jsx40(
|
|
2964
3295
|
Label,
|
|
2965
3296
|
{
|
|
2966
3297
|
"data-slot": "field-label",
|
|
@@ -2974,7 +3305,7 @@ function FieldLabel({
|
|
|
2974
3305
|
);
|
|
2975
3306
|
}
|
|
2976
3307
|
function FieldTitle({ className, ...props }) {
|
|
2977
|
-
return /* @__PURE__ */
|
|
3308
|
+
return /* @__PURE__ */ jsx40(
|
|
2978
3309
|
"div",
|
|
2979
3310
|
{
|
|
2980
3311
|
"data-slot": "field-label",
|
|
@@ -2987,7 +3318,7 @@ function FieldTitle({ className, ...props }) {
|
|
|
2987
3318
|
);
|
|
2988
3319
|
}
|
|
2989
3320
|
function FieldDescription({ className, ...props }) {
|
|
2990
|
-
return /* @__PURE__ */
|
|
3321
|
+
return /* @__PURE__ */ jsx40(
|
|
2991
3322
|
"p",
|
|
2992
3323
|
{
|
|
2993
3324
|
"data-slot": "field-description",
|
|
@@ -3006,7 +3337,7 @@ function FieldSeparator({
|
|
|
3006
3337
|
className,
|
|
3007
3338
|
...props
|
|
3008
3339
|
}) {
|
|
3009
|
-
return /* @__PURE__ */
|
|
3340
|
+
return /* @__PURE__ */ jsxs20(
|
|
3010
3341
|
"div",
|
|
3011
3342
|
{
|
|
3012
3343
|
"data-slot": "field-separator",
|
|
@@ -3017,8 +3348,8 @@ function FieldSeparator({
|
|
|
3017
3348
|
),
|
|
3018
3349
|
...props,
|
|
3019
3350
|
children: [
|
|
3020
|
-
/* @__PURE__ */
|
|
3021
|
-
children && /* @__PURE__ */
|
|
3351
|
+
/* @__PURE__ */ jsx40(Separator, { className: "absolute inset-0 top-1/2" }),
|
|
3352
|
+
children && /* @__PURE__ */ jsx40(
|
|
3022
3353
|
"span",
|
|
3023
3354
|
{
|
|
3024
3355
|
className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
|
|
@@ -3049,14 +3380,14 @@ function FieldError({
|
|
|
3049
3380
|
if (uniqueErrors?.length == 1) {
|
|
3050
3381
|
return uniqueErrors[0]?.message;
|
|
3051
3382
|
}
|
|
3052
|
-
return /* @__PURE__ */
|
|
3053
|
-
(error, index) => error?.message && /* @__PURE__ */
|
|
3383
|
+
return /* @__PURE__ */ jsx40("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
|
|
3384
|
+
(error, index) => error?.message && /* @__PURE__ */ jsx40("li", { children: error.message }, index)
|
|
3054
3385
|
) });
|
|
3055
3386
|
}, [children, errors]);
|
|
3056
3387
|
if (!content) {
|
|
3057
3388
|
return null;
|
|
3058
3389
|
}
|
|
3059
|
-
return /* @__PURE__ */
|
|
3390
|
+
return /* @__PURE__ */ jsx40(
|
|
3060
3391
|
"div",
|
|
3061
3392
|
{
|
|
3062
3393
|
role: "alert",
|
|
@@ -3069,10 +3400,10 @@ function FieldError({
|
|
|
3069
3400
|
}
|
|
3070
3401
|
|
|
3071
3402
|
// src/components/link/Link.tsx
|
|
3072
|
-
import * as
|
|
3403
|
+
import * as React23 from "react";
|
|
3073
3404
|
import { cva as cva16 } from "class-variance-authority";
|
|
3074
3405
|
import { ExternalLink } from "lucide-react";
|
|
3075
|
-
import { jsx as
|
|
3406
|
+
import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
3076
3407
|
var linkVariants = cva16(
|
|
3077
3408
|
"inline-flex cursor-pointer items-center gap-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",
|
|
3078
3409
|
{
|
|
@@ -3097,7 +3428,7 @@ var linkVariants = cva16(
|
|
|
3097
3428
|
}
|
|
3098
3429
|
}
|
|
3099
3430
|
);
|
|
3100
|
-
var Link =
|
|
3431
|
+
var Link = React23.forwardRef(
|
|
3101
3432
|
({
|
|
3102
3433
|
className,
|
|
3103
3434
|
variant,
|
|
@@ -3110,7 +3441,7 @@ var Link = React20.forwardRef(
|
|
|
3110
3441
|
...props
|
|
3111
3442
|
}, ref) => {
|
|
3112
3443
|
const isExternal = external || typeof props.href === "string" && (props.href.startsWith("http://") || props.href.startsWith("https://") || props.href.startsWith("mailto:") || props.href.startsWith("tel:"));
|
|
3113
|
-
return /* @__PURE__ */
|
|
3444
|
+
return /* @__PURE__ */ jsxs21(
|
|
3114
3445
|
"a",
|
|
3115
3446
|
{
|
|
3116
3447
|
ref,
|
|
@@ -3126,8 +3457,8 @@ var Link = React20.forwardRef(
|
|
|
3126
3457
|
},
|
|
3127
3458
|
children: [
|
|
3128
3459
|
children,
|
|
3129
|
-
icon && /* @__PURE__ */
|
|
3130
|
-
showExternalIcon && isExternal && !disabled && /* @__PURE__ */
|
|
3460
|
+
icon && /* @__PURE__ */ jsx41("span", { className: "inline-flex items-center", children: icon }),
|
|
3461
|
+
showExternalIcon && isExternal && !disabled && /* @__PURE__ */ jsx41("span", { className: "inline-flex items-center ml-1 opacity-60", "aria-hidden": "true", children: /* @__PURE__ */ jsx41(Icon, { icon: ExternalLink, size: 16 }) })
|
|
3131
3462
|
]
|
|
3132
3463
|
}
|
|
3133
3464
|
);
|
|
@@ -3136,7 +3467,7 @@ var Link = React20.forwardRef(
|
|
|
3136
3467
|
Link.displayName = "Link";
|
|
3137
3468
|
|
|
3138
3469
|
// src/components/container/Container.tsx
|
|
3139
|
-
import * as
|
|
3470
|
+
import * as React24 from "react";
|
|
3140
3471
|
import { mergeProps as mergeProps2 } from "@base-ui/react/merge-props";
|
|
3141
3472
|
import { useRender as useRender2 } from "@base-ui/react/use-render";
|
|
3142
3473
|
import { cva as cva17 } from "class-variance-authority";
|
|
@@ -3161,7 +3492,7 @@ var containerVariants = cva17("w-full mx-auto", {
|
|
|
3161
3492
|
padding: "md"
|
|
3162
3493
|
}
|
|
3163
3494
|
});
|
|
3164
|
-
var Container =
|
|
3495
|
+
var Container = React24.forwardRef(
|
|
3165
3496
|
({ className, size, padding, asChild = false, children, ...props }, ref) => {
|
|
3166
3497
|
return useRender2({
|
|
3167
3498
|
ref,
|
|
@@ -3180,7 +3511,7 @@ var Container = React21.forwardRef(
|
|
|
3180
3511
|
Container.displayName = "Container";
|
|
3181
3512
|
|
|
3182
3513
|
// src/components/grid/Grid.tsx
|
|
3183
|
-
import * as
|
|
3514
|
+
import * as React25 from "react";
|
|
3184
3515
|
import { cva as cva18 } from "class-variance-authority";
|
|
3185
3516
|
import { mergeProps as mergeProps3 } from "@base-ui/react/merge-props";
|
|
3186
3517
|
import { useRender as useRender3 } from "@base-ui/react/use-render";
|
|
@@ -3206,7 +3537,7 @@ var gridVariants = cva18("grid", {
|
|
|
3206
3537
|
justify: "start"
|
|
3207
3538
|
}
|
|
3208
3539
|
});
|
|
3209
|
-
var Grid =
|
|
3540
|
+
var Grid = React25.forwardRef(
|
|
3210
3541
|
({ className, align, justify, cols, rows, gap, gapX, gapY, asChild = false, children, ...props }, ref) => {
|
|
3211
3542
|
return useRender3({
|
|
3212
3543
|
ref,
|
|
@@ -3233,7 +3564,7 @@ var Grid = React22.forwardRef(
|
|
|
3233
3564
|
Grid.displayName = "Grid";
|
|
3234
3565
|
|
|
3235
3566
|
// src/components/box/Box.tsx
|
|
3236
|
-
import * as
|
|
3567
|
+
import * as React26 from "react";
|
|
3237
3568
|
import { cva as cva19 } from "class-variance-authority";
|
|
3238
3569
|
import { mergeProps as mergeProps4 } from "@base-ui/react/merge-props";
|
|
3239
3570
|
import { useRender as useRender4 } from "@base-ui/react/use-render";
|
|
@@ -3273,7 +3604,7 @@ var boxVariants = cva19("flex", {
|
|
|
3273
3604
|
wrap: "nowrap"
|
|
3274
3605
|
}
|
|
3275
3606
|
});
|
|
3276
|
-
var Box =
|
|
3607
|
+
var Box = React26.forwardRef(
|
|
3277
3608
|
({ className, direction, align, justify, wrap, gap, asChild = false, children, ...props }, ref) => {
|
|
3278
3609
|
return useRender4({
|
|
3279
3610
|
ref,
|
|
@@ -3295,136 +3626,20 @@ var Box = React23.forwardRef(
|
|
|
3295
3626
|
);
|
|
3296
3627
|
Box.displayName = "Box";
|
|
3297
3628
|
|
|
3298
|
-
// src/components/berget-logo/BergetLogo.tsx
|
|
3299
|
-
import * as React24 from "react";
|
|
3300
|
-
import { jsx as jsx39, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
3301
|
-
var BergetLogo = React24.forwardRef(
|
|
3302
|
-
({ variant = "logotype", color = "auto", size = 48, className, ...props }, ref) => {
|
|
3303
|
-
const fillColor = color === "auto" ? "var(--berget-logo-light)" : color === "white" ? "var(--berget-logo-light)" : "var(--berget-logo-dark)";
|
|
3304
|
-
if (variant === "symbol") {
|
|
3305
|
-
const aspectRatio2 = 463 / 419;
|
|
3306
|
-
const width2 = size * aspectRatio2;
|
|
3307
|
-
const height2 = size;
|
|
3308
|
-
return /* @__PURE__ */ jsx39(
|
|
3309
|
-
"svg",
|
|
3310
|
-
{
|
|
3311
|
-
ref,
|
|
3312
|
-
width: width2,
|
|
3313
|
-
height: height2,
|
|
3314
|
-
viewBox: "0 0 463 419",
|
|
3315
|
-
fill: "none",
|
|
3316
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
3317
|
-
role: "img",
|
|
3318
|
-
"aria-label": "Berget symbol",
|
|
3319
|
-
className: cn("inline-block", className),
|
|
3320
|
-
...props,
|
|
3321
|
-
children: /* @__PURE__ */ jsx39(
|
|
3322
|
-
"path",
|
|
3323
|
-
{
|
|
3324
|
-
d: "M208.739 17L255.261 17L446 403L398 403L313.5 255L261.5 176L233.163 96.1677L237.815 98.6522H226.185L230.837 96.1677L113 331L64.5 403L18 403L208.739 17Z",
|
|
3325
|
-
style: { fill: fillColor }
|
|
3326
|
-
}
|
|
3327
|
-
)
|
|
3328
|
-
}
|
|
3329
|
-
);
|
|
3330
|
-
}
|
|
3331
|
-
const aspectRatio = 793.63 / 204.37;
|
|
3332
|
-
const width = size * aspectRatio;
|
|
3333
|
-
const height = size;
|
|
3334
|
-
return /* @__PURE__ */ jsxs19(
|
|
3335
|
-
"svg",
|
|
3336
|
-
{
|
|
3337
|
-
ref,
|
|
3338
|
-
width,
|
|
3339
|
-
height,
|
|
3340
|
-
viewBox: "0 0 793.63 204.37",
|
|
3341
|
-
fill: "none",
|
|
3342
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
3343
|
-
role: "img",
|
|
3344
|
-
"aria-label": "Berget",
|
|
3345
|
-
className: cn("inline-block", className),
|
|
3346
|
-
...props,
|
|
3347
|
-
children: [
|
|
3348
|
-
/* @__PURE__ */ jsxs19("g", { style: { fill: fillColor }, children: [
|
|
3349
|
-
/* @__PURE__ */ jsx39(
|
|
3350
|
-
"path",
|
|
3351
|
-
{
|
|
3352
|
-
className: "berget-logotype-fill",
|
|
3353
|
-
d: "M268.78,172.54v-96.04h37.74c10.39,0,18.26,2.33,23.6,7,5.33,4.67,8.01,10.52,8.01,17.56,0,6.13-1.72,11-5.15,14.61-3.43,3.61-7.58,6.06-12.44,7.34,3.81.73,7.22,2.2,10.22,4.39,3.01,2.2,5.36,4.94,7.08,8.23,1.72,3.29,2.58,6.86,2.58,10.7,0,4.94-1.27,9.4-3.79,13.38-2.53,3.98-6.22,7.11-11.08,9.4-4.86,2.29-10.82,3.43-17.87,3.43h-38.89ZM283.93,117.66h20.74c5.81,0,10.24-1.3,13.29-3.91,3.05-2.61,4.58-6.19,4.58-10.77s-1.51-8.05-4.51-10.7c-3-2.65-7.55-3.98-13.65-3.98h-20.45v29.36ZM283.93,160.61h21.74c6.1,0,10.84-1.37,14.22-4.11,3.38-2.75,5.08-6.59,5.08-11.53s-1.76-8.85-5.29-11.73-8.29-4.32-14.3-4.32h-21.45v31.69Z"
|
|
3354
|
-
}
|
|
3355
|
-
),
|
|
3356
|
-
/* @__PURE__ */ jsx39(
|
|
3357
|
-
"path",
|
|
3358
|
-
{
|
|
3359
|
-
className: "berget-logotype-fill",
|
|
3360
|
-
d: "M382.45,174.19c-6.96,0-13.13-1.49-18.52-4.46-5.39-2.97-9.6-7.11-12.65-12.42-3.05-5.3-4.57-11.48-4.57-18.52s1.5-13.4,4.5-18.79,7.19-9.61,12.58-12.62c5.39-3.02,11.65-4.53,18.81-4.53s13,1.48,18.15,4.46c5.15,2.97,9.16,6.93,12.01,11.87,2.86,4.94,4.29,10.38,4.29,16.33,0,.92-.02,1.9-.07,2.95-.05,1.05-.12,2.22-.22,3.5h-55.19c.48,6.59,2.75,11.59,6.79,15.02,4.05,3.43,8.75,5.14,14.09,5.14,4.29,0,7.89-.93,10.79-2.81,2.91-1.88,5.08-4.41,6.51-7.61h15.16c-1.91,6.4-5.7,11.75-11.37,16.05-5.68,4.3-12.71,6.45-21.09,6.45ZM382.45,114.78c-5.05,0-9.54,1.44-13.44,4.32-3.91,2.88-6.29,7.2-7.15,12.97h40.04c-.29-5.3-2.24-9.51-5.87-12.62-3.62-3.11-8.15-4.67-13.58-4.67Z"
|
|
3361
|
-
}
|
|
3362
|
-
),
|
|
3363
|
-
/* @__PURE__ */ jsx39(
|
|
3364
|
-
"path",
|
|
3365
|
-
{
|
|
3366
|
-
className: "berget-logotype-fill",
|
|
3367
|
-
d: "M425.62,172.54v-68.05h13.59l1.29,12.9c2.47-4.48,5.93-8.03,10.37-10.63,4.43-2.61,9.79-3.91,16.08-3.91v15.23h-4.15c-4.19,0-7.93.67-11.22,1.99-3.29,1.33-5.91,3.57-7.86,6.72-1.96,3.16-2.93,7.53-2.93,13.1v32.65h-15.16Z"
|
|
3368
|
-
}
|
|
3369
|
-
),
|
|
3370
|
-
/* @__PURE__ */ jsx39(
|
|
3371
|
-
"path",
|
|
3372
|
-
{
|
|
3373
|
-
className: "berget-logotype-fill",
|
|
3374
|
-
d: "M500.25,151.69c-3.72,0-7.14-.41-10.29-1.24l-6.15,5.76c1.05.64,2.34,1.19,3.86,1.65,1.52.46,3.66.87,6.43,1.23,2.76.37,6.53.73,11.29,1.1,9.43.82,16.25,3,20.44,6.52,4.2,3.52,6.29,8.21,6.29,14.06,0,4.02-1.12,7.84-3.35,11.45-2.24,3.61-5.72,6.54-10.44,8.78s-10.74,3.36-18.09,3.36c-9.91,0-17.94-1.8-24.09-5.42-6.15-3.62-9.22-9.08-9.22-16.4,0-2.84.78-5.65,2.35-8.44,1.57-2.79,4.08-5.42,7.51-7.89-2-.83-3.74-1.72-5.22-2.68-1.48-.96-2.79-1.94-3.94-2.95v-3.29l12.3-12.07c-5.53-4.57-8.29-10.56-8.29-17.97,0-4.48,1.12-8.58,3.36-12.28,2.24-3.7,5.5-6.65,9.79-8.85,4.29-2.2,9.43-3.29,15.44-3.29,4.01,0,7.72.55,11.15,1.64h26.45v9.6l-12.58.69c2.28,3.75,3.43,7.91,3.43,12.49s-1.13,8.69-3.36,12.35c-2.24,3.66-5.48,6.59-9.72,8.78-4.25,2.2-9.37,3.29-15.37,3.29ZM481.24,181.19c0,3.93,1.81,6.88,5.44,8.85,3.62,1.97,8.15,2.95,13.58,2.95s9.48-1.07,12.72-3.22c3.24-2.15,4.86-5,4.86-8.57,0-2.65-1.09-4.92-3.29-6.79-2.19-1.87-6.34-3.04-12.44-3.5-4.57-.27-8.63-.68-12.15-1.23-3.34,1.74-5.63,3.61-6.86,5.63-1.25,2.01-1.86,3.98-1.86,5.9ZM500.25,140.3c4.38,0,7.93-1.12,10.66-3.36,2.71-2.24,4.07-5.42,4.07-9.53s-1.36-7.41-4.07-9.6c-2.72-2.2-6.27-3.29-10.66-3.29s-8.08,1.1-10.79,3.29c-2.71,2.2-4.08,5.4-4.08,9.6s1.36,7.3,4.08,9.53c2.71,2.24,6.31,3.36,10.79,3.36Z"
|
|
3375
|
-
}
|
|
3376
|
-
),
|
|
3377
|
-
/* @__PURE__ */ jsx39(
|
|
3378
|
-
"path",
|
|
3379
|
-
{
|
|
3380
|
-
className: "berget-logotype-fill",
|
|
3381
|
-
d: "M574.61,174.19c-6.96,0-13.13-1.49-18.52-4.46-5.39-2.97-9.6-7.11-12.65-12.42-3.05-5.3-4.57-11.48-4.57-18.52s1.5-13.4,4.5-18.79c3-5.4,7.19-9.61,12.58-12.62c5.39-3.02,11.65-4.53,18.81-4.53s13,1.48,18.15,4.46c5.15,2.97,9.16,6.93,12.01,11.87,2.86,4.94,4.29,10.38,4.29,16.33,0,.92-.02,1.9-.07,2.95-.05,1.05-.12,2.22-.22,3.5h-55.19c.48,6.59,2.75,11.59,6.79,15.02,4.05,3.43,8.75,5.14,14.09,5.14,4.29,0,7.89-.93,10.79-2.81s5.08-4.41,6.51-7.61h15.16c-1.91,6.4-5.7,11.75-11.37,16.05-5.68,4.3-12.71,6.45-21.09,6.45ZM574.61,114.78c-5.05,0-9.54,1.44-13.44,4.32-3.91,2.88-6.29,7.2-7.15,12.97h40.04c-.29-5.3-2.24-9.51-5.87-12.62-3.62-3.11-8.15-4.67-13.58-4.67Z"
|
|
3382
|
-
}
|
|
3383
|
-
),
|
|
3384
|
-
/* @__PURE__ */ jsx39(
|
|
3385
|
-
"path",
|
|
3386
|
-
{
|
|
3387
|
-
className: "berget-logotype-fill",
|
|
3388
|
-
d: "M646.23,172.54c-6.96,0-12.49-1.62-16.59-4.87-4.1-3.25-6.15-9.03-6.15-17.36v-33.61h-12.16v-12.21h12.16l1.86-17.29h13.29v17.29h20.02v12.21h-20.02v33.61c0,3.75.84,6.33,2.51,7.75,1.67,1.42,4.55,2.13,8.65,2.13h8.14v12.35h-11.72Z"
|
|
3389
|
-
}
|
|
3390
|
-
),
|
|
3391
|
-
/* @__PURE__ */ jsx39(
|
|
3392
|
-
"path",
|
|
3393
|
-
{
|
|
3394
|
-
className: "berget-logotype-fill",
|
|
3395
|
-
d: "M684.4,172.54l36.89-96.04h16.59l36.6,96.04h-16.01l-8.58-23.46h-40.88l-8.58,23.46h-16.01ZM713.28,137.56h32.31l-16.16-43.77-16.16,43.77Z"
|
|
3396
|
-
}
|
|
3397
|
-
),
|
|
3398
|
-
/* @__PURE__ */ jsx39("path", { className: "berget-logotype-fill", d: "M778.48,172.54v-96.04h15.15v96.04h-15.15Z" })
|
|
3399
|
-
] }),
|
|
3400
|
-
/* @__PURE__ */ jsx39(
|
|
3401
|
-
"path",
|
|
3402
|
-
{
|
|
3403
|
-
style: { fill: fillColor },
|
|
3404
|
-
d: "M99.9,0h24.37l99.9,202.18h-25.14l-44.26-77.52-27.24-41.38-14.84-41.81,2.44,1.3h-6.09l2.44-1.3-61.72,123-25.4,37.71H0L99.9,0Z"
|
|
3405
|
-
}
|
|
3406
|
-
)
|
|
3407
|
-
]
|
|
3408
|
-
}
|
|
3409
|
-
);
|
|
3410
|
-
}
|
|
3411
|
-
);
|
|
3412
|
-
BergetLogo.displayName = "BergetLogo";
|
|
3413
|
-
|
|
3414
3629
|
// src/components/language-select/LanguageSelect.tsx
|
|
3415
|
-
import * as
|
|
3630
|
+
import * as React27 from "react";
|
|
3416
3631
|
import { Select as SelectPrimitive2 } from "@base-ui/react/select";
|
|
3417
3632
|
import { Globe as Globe2 } from "lucide-react";
|
|
3418
|
-
import { jsx as
|
|
3419
|
-
var LanguageSelect =
|
|
3633
|
+
import { jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
3634
|
+
var LanguageSelect = React27.forwardRef(
|
|
3420
3635
|
({ className, options, value, onValueChange }, ref) => {
|
|
3421
|
-
return /* @__PURE__ */
|
|
3636
|
+
return /* @__PURE__ */ jsxs22(
|
|
3422
3637
|
SelectPrimitive2.Root,
|
|
3423
3638
|
{
|
|
3424
3639
|
value,
|
|
3425
3640
|
onValueChange: onValueChange ? (v) => onValueChange(v ?? "") : void 0,
|
|
3426
3641
|
children: [
|
|
3427
|
-
/* @__PURE__ */
|
|
3642
|
+
/* @__PURE__ */ jsxs22(
|
|
3428
3643
|
SelectPrimitive2.Trigger,
|
|
3429
3644
|
{
|
|
3430
3645
|
ref,
|
|
@@ -3447,12 +3662,12 @@ var LanguageSelect = React25.forwardRef(
|
|
|
3447
3662
|
className
|
|
3448
3663
|
),
|
|
3449
3664
|
children: [
|
|
3450
|
-
/* @__PURE__ */
|
|
3451
|
-
/* @__PURE__ */
|
|
3665
|
+
/* @__PURE__ */ jsx42("span", { className: "sr-only", children: "Select language" }),
|
|
3666
|
+
/* @__PURE__ */ jsx42(Icon, { icon: Globe2, size: 16, "aria-hidden": true })
|
|
3452
3667
|
]
|
|
3453
3668
|
}
|
|
3454
3669
|
),
|
|
3455
|
-
/* @__PURE__ */
|
|
3670
|
+
/* @__PURE__ */ jsx42(SelectPrimitive2.Portal, { children: /* @__PURE__ */ jsx42(SelectPrimitive2.Positioner, { alignItemWithTrigger: false, className: "isolate z-50", children: /* @__PURE__ */ jsx42(
|
|
3456
3671
|
SelectPrimitive2.Popup,
|
|
3457
3672
|
{
|
|
3458
3673
|
className: cn(
|
|
@@ -3478,7 +3693,7 @@ var LanguageSelect = React25.forwardRef(
|
|
|
3478
3693
|
// Origin for transforms
|
|
3479
3694
|
"origin-[--transform-origin]"
|
|
3480
3695
|
),
|
|
3481
|
-
children: /* @__PURE__ */
|
|
3696
|
+
children: /* @__PURE__ */ jsx42(SelectPrimitive2.List, { className: "p-1", children: options.map((option) => /* @__PURE__ */ jsx42(
|
|
3482
3697
|
SelectPrimitive2.Item,
|
|
3483
3698
|
{
|
|
3484
3699
|
value: option.value,
|
|
@@ -3495,7 +3710,7 @@ var LanguageSelect = React25.forwardRef(
|
|
|
3495
3710
|
// Disabled state
|
|
3496
3711
|
"data-disabled:pointer-events-none data-disabled:opacity-50"
|
|
3497
3712
|
),
|
|
3498
|
-
children: /* @__PURE__ */
|
|
3713
|
+
children: /* @__PURE__ */ jsx42(SelectPrimitive2.ItemText, { children: option.label })
|
|
3499
3714
|
},
|
|
3500
3715
|
option.value
|
|
3501
3716
|
)) })
|
|
@@ -3509,12 +3724,12 @@ var LanguageSelect = React25.forwardRef(
|
|
|
3509
3724
|
LanguageSelect.displayName = "LanguageSelect";
|
|
3510
3725
|
|
|
3511
3726
|
// src/components/list/List.tsx
|
|
3512
|
-
import * as
|
|
3727
|
+
import * as React29 from "react";
|
|
3513
3728
|
|
|
3514
3729
|
// src/components/divider/Divider.tsx
|
|
3515
|
-
import * as
|
|
3730
|
+
import * as React28 from "react";
|
|
3516
3731
|
import { cva as cva20 } from "class-variance-authority";
|
|
3517
|
-
import { jsx as
|
|
3732
|
+
import { jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
3518
3733
|
var dividerVariants = cva20("", {
|
|
3519
3734
|
variants: {
|
|
3520
3735
|
variant: {
|
|
@@ -3535,7 +3750,7 @@ var dividerVariants = cva20("", {
|
|
|
3535
3750
|
size: "thin"
|
|
3536
3751
|
}
|
|
3537
3752
|
});
|
|
3538
|
-
var Divider =
|
|
3753
|
+
var Divider = React28.forwardRef(
|
|
3539
3754
|
({
|
|
3540
3755
|
className,
|
|
3541
3756
|
orientation = "horizontal",
|
|
@@ -3546,16 +3761,16 @@ var Divider = React26.forwardRef(
|
|
|
3546
3761
|
...props
|
|
3547
3762
|
}, ref) => {
|
|
3548
3763
|
if (label) {
|
|
3549
|
-
return /* @__PURE__ */
|
|
3550
|
-
labelPosition !== "right" && /* @__PURE__ */
|
|
3764
|
+
return /* @__PURE__ */ jsxs23("div", { ref, className: cn("flex items-center w-full", className), ...props, children: [
|
|
3765
|
+
labelPosition !== "right" && /* @__PURE__ */ jsx43(
|
|
3551
3766
|
Separator,
|
|
3552
3767
|
{
|
|
3553
3768
|
orientation: "horizontal",
|
|
3554
3769
|
className: cn(dividerVariants({ variant, size }), "flex-1")
|
|
3555
3770
|
}
|
|
3556
3771
|
),
|
|
3557
|
-
/* @__PURE__ */
|
|
3558
|
-
labelPosition !== "left" && /* @__PURE__ */
|
|
3772
|
+
/* @__PURE__ */ jsx43(Typography, { variant: "small", color: "muted", className: "px-4 whitespace-nowrap", children: label }),
|
|
3773
|
+
labelPosition !== "left" && /* @__PURE__ */ jsx43(
|
|
3559
3774
|
Separator,
|
|
3560
3775
|
{
|
|
3561
3776
|
orientation: "horizontal",
|
|
@@ -3564,7 +3779,7 @@ var Divider = React26.forwardRef(
|
|
|
3564
3779
|
)
|
|
3565
3780
|
] });
|
|
3566
3781
|
}
|
|
3567
|
-
return /* @__PURE__ */
|
|
3782
|
+
return /* @__PURE__ */ jsx43(
|
|
3568
3783
|
Separator,
|
|
3569
3784
|
{
|
|
3570
3785
|
ref,
|
|
@@ -3582,19 +3797,19 @@ Divider.displayName = "Divider";
|
|
|
3582
3797
|
|
|
3583
3798
|
// src/components/list/List.tsx
|
|
3584
3799
|
import { Check as Check3 } from "lucide-react";
|
|
3585
|
-
import { jsx as
|
|
3586
|
-
var List =
|
|
3800
|
+
import { jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
3801
|
+
var List = React29.forwardRef(
|
|
3587
3802
|
({ className, children, ...props }, ref) => {
|
|
3588
|
-
const childrenArray =
|
|
3589
|
-
return /* @__PURE__ */
|
|
3803
|
+
const childrenArray = React29.Children.toArray(children);
|
|
3804
|
+
return /* @__PURE__ */ jsx44("div", { ref, className: cn("flex flex-col", className), ...props, children: childrenArray.map((child, index) => /* @__PURE__ */ jsxs24(React29.Fragment, { children: [
|
|
3590
3805
|
child,
|
|
3591
|
-
index < childrenArray.length - 1 && /* @__PURE__ */
|
|
3806
|
+
index < childrenArray.length - 1 && /* @__PURE__ */ jsx44(Divider, { variant: "subtle" })
|
|
3592
3807
|
] }, index)) });
|
|
3593
3808
|
}
|
|
3594
3809
|
);
|
|
3595
3810
|
List.displayName = "List";
|
|
3596
|
-
var ListItem =
|
|
3597
|
-
({ className, icon, children, interactive = true, ...props }, ref) => /* @__PURE__ */
|
|
3811
|
+
var ListItem = React29.forwardRef(
|
|
3812
|
+
({ className, icon, children, interactive = true, ...props }, ref) => /* @__PURE__ */ jsxs24(
|
|
3598
3813
|
"div",
|
|
3599
3814
|
{
|
|
3600
3815
|
ref,
|
|
@@ -3605,15 +3820,15 @@ var ListItem = React27.forwardRef(
|
|
|
3605
3820
|
),
|
|
3606
3821
|
...props,
|
|
3607
3822
|
children: [
|
|
3608
|
-
icon && /* @__PURE__ */
|
|
3609
|
-
/* @__PURE__ */
|
|
3823
|
+
icon && /* @__PURE__ */ jsx44("div", { className: "flex-shrink-0 flex items-center justify-center", children: icon }),
|
|
3824
|
+
/* @__PURE__ */ jsx44("div", { className: "flex-1 min-w-0", children })
|
|
3610
3825
|
]
|
|
3611
3826
|
}
|
|
3612
3827
|
)
|
|
3613
3828
|
);
|
|
3614
3829
|
ListItem.displayName = "ListItem";
|
|
3615
|
-
var ListHeader =
|
|
3616
|
-
({ className, children, ...props }, ref) => /* @__PURE__ */
|
|
3830
|
+
var ListHeader = React29.forwardRef(
|
|
3831
|
+
({ className, children, ...props }, ref) => /* @__PURE__ */ jsx44(
|
|
3617
3832
|
"div",
|
|
3618
3833
|
{
|
|
3619
3834
|
ref,
|
|
@@ -3624,20 +3839,20 @@ var ListHeader = React27.forwardRef(
|
|
|
3624
3839
|
)
|
|
3625
3840
|
);
|
|
3626
3841
|
ListHeader.displayName = "ListHeader";
|
|
3627
|
-
var FeatureList =
|
|
3842
|
+
var FeatureList = React29.forwardRef(
|
|
3628
3843
|
({ items, variant = "bullet", className, ...props }, ref) => {
|
|
3629
|
-
return /* @__PURE__ */
|
|
3630
|
-
variant === "bullet" ? /* @__PURE__ */
|
|
3631
|
-
/* @__PURE__ */
|
|
3844
|
+
return /* @__PURE__ */ jsx44("ul", { ref, className: cn("flex flex-col gap-fluid-md", className), ...props, children: items.map((item, index) => /* @__PURE__ */ jsxs24("li", { className: "flex items-start gap-fluid-md", children: [
|
|
3845
|
+
variant === "bullet" ? /* @__PURE__ */ jsx44("span", { className: "w-1.5 h-1.5 rounded-full bg-berget-icon-muted flex-shrink-0 mt-2" }) : /* @__PURE__ */ jsx44("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ jsx44(Icon, { icon: Check3, size: 24, className: "text-berget-logo-light" }) }),
|
|
3846
|
+
/* @__PURE__ */ jsx44(Typography, { variant: "body", color: "muted", children: item })
|
|
3632
3847
|
] }, index)) });
|
|
3633
3848
|
}
|
|
3634
3849
|
);
|
|
3635
3850
|
FeatureList.displayName = "FeatureList";
|
|
3636
3851
|
|
|
3637
3852
|
// src/components/hero-block/HeroBlock.tsx
|
|
3638
|
-
import * as
|
|
3853
|
+
import * as React30 from "react";
|
|
3639
3854
|
import { cva as cva21 } from "class-variance-authority";
|
|
3640
|
-
import { jsx as
|
|
3855
|
+
import { jsx as jsx45, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
3641
3856
|
var heroBlockVariants = cva21(
|
|
3642
3857
|
"relative overflow-hidden min-h-[40dvh] flex items-center py-fluid-2xl",
|
|
3643
3858
|
{
|
|
@@ -3658,7 +3873,7 @@ var heroBlockVariants = cva21(
|
|
|
3658
3873
|
}
|
|
3659
3874
|
}
|
|
3660
3875
|
);
|
|
3661
|
-
var HeroBlock =
|
|
3876
|
+
var HeroBlock = React30.forwardRef(
|
|
3662
3877
|
({
|
|
3663
3878
|
className,
|
|
3664
3879
|
variant,
|
|
@@ -3670,26 +3885,26 @@ var HeroBlock = React28.forwardRef(
|
|
|
3670
3885
|
actions,
|
|
3671
3886
|
...props
|
|
3672
3887
|
}, ref) => {
|
|
3673
|
-
return /* @__PURE__ */
|
|
3888
|
+
return /* @__PURE__ */ jsx45(
|
|
3674
3889
|
"div",
|
|
3675
3890
|
{
|
|
3676
3891
|
ref,
|
|
3677
3892
|
className: cn(heroBlockVariants({ variant, withPattern }), className),
|
|
3678
3893
|
...props,
|
|
3679
|
-
children: /* @__PURE__ */
|
|
3680
|
-
tagline && /* @__PURE__ */
|
|
3894
|
+
children: /* @__PURE__ */ jsx45("div", { className: "mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs25("div", { className: "mx-auto text-center max-w-4xl", children: [
|
|
3895
|
+
tagline && /* @__PURE__ */ jsx45(
|
|
3681
3896
|
Badge,
|
|
3682
3897
|
{
|
|
3683
3898
|
variant: "default",
|
|
3684
|
-
icon: TaglineIcon ? /* @__PURE__ */
|
|
3899
|
+
icon: TaglineIcon ? /* @__PURE__ */ jsx45(Icon, { icon: TaglineIcon, size: 16 }) : void 0,
|
|
3685
3900
|
iconGap: 2,
|
|
3686
3901
|
className: "mb-fluid-md",
|
|
3687
3902
|
children: tagline
|
|
3688
3903
|
}
|
|
3689
3904
|
),
|
|
3690
|
-
/* @__PURE__ */
|
|
3691
|
-
/* @__PURE__ */
|
|
3692
|
-
actions && /* @__PURE__ */
|
|
3905
|
+
/* @__PURE__ */ jsx45(Typography, { variant: "h1", className: "mb-fluid-md", children: title }),
|
|
3906
|
+
/* @__PURE__ */ jsx45(Typography, { variant: "h3", color: "muted", className: "mb-fluid-lg", children: description }),
|
|
3907
|
+
actions && /* @__PURE__ */ jsx45("div", { className: "flex flex-wrap gap-fluid-md justify-center", children: actions })
|
|
3693
3908
|
] }) })
|
|
3694
3909
|
}
|
|
3695
3910
|
);
|
|
@@ -3700,7 +3915,7 @@ HeroBlock.displayName = "HeroBlock";
|
|
|
3700
3915
|
// src/components/code-block/CodeBlock.tsx
|
|
3701
3916
|
import { useState as useState3, useEffect as useEffect2, useCallback as useCallback3 } from "react";
|
|
3702
3917
|
import { Copy, Check as Check4 } from "lucide-react";
|
|
3703
|
-
import { jsx as
|
|
3918
|
+
import { jsx as jsx46, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
3704
3919
|
function CodeBlock({ code, language = "text", title, className }) {
|
|
3705
3920
|
const [html, setHtml] = useState3(null);
|
|
3706
3921
|
const [copied, setCopied] = useState3(false);
|
|
@@ -3716,16 +3931,16 @@ function CodeBlock({ code, language = "text", title, className }) {
|
|
|
3716
3931
|
setCopied(true);
|
|
3717
3932
|
setTimeout(() => setCopied(false), 2e3);
|
|
3718
3933
|
}, [code]);
|
|
3719
|
-
const copyButton = /* @__PURE__ */
|
|
3934
|
+
const copyButton = /* @__PURE__ */ jsx46(
|
|
3720
3935
|
"button",
|
|
3721
3936
|
{
|
|
3722
3937
|
onClick: handleCopy,
|
|
3723
3938
|
className: "flex items-center justify-center w-6 h-6 text-berget-muted-foreground hover:text-berget-foreground transition-colors",
|
|
3724
3939
|
"aria-label": "Copy code",
|
|
3725
|
-
children: copied ? /* @__PURE__ */
|
|
3940
|
+
children: copied ? /* @__PURE__ */ jsx46(Check4, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx46(Copy, { className: "w-3.5 h-3.5" })
|
|
3726
3941
|
}
|
|
3727
3942
|
);
|
|
3728
|
-
return /* @__PURE__ */
|
|
3943
|
+
return /* @__PURE__ */ jsxs26(
|
|
3729
3944
|
"div",
|
|
3730
3945
|
{
|
|
3731
3946
|
className: cn(
|
|
@@ -3733,25 +3948,25 @@ function CodeBlock({ code, language = "text", title, className }) {
|
|
|
3733
3948
|
className
|
|
3734
3949
|
),
|
|
3735
3950
|
children: [
|
|
3736
|
-
title && /* @__PURE__ */
|
|
3737
|
-
/* @__PURE__ */
|
|
3738
|
-
html ? /* @__PURE__ */
|
|
3951
|
+
title && /* @__PURE__ */ jsx46("div", { className: "!h-10 flex items-center !px-4 !text-xs !leading-normal border-b border-berget-border bg-berget-codeblock-header-bg", children: /* @__PURE__ */ jsx46("span", { className: "text-berget-muted-foreground", children: title }) }),
|
|
3952
|
+
/* @__PURE__ */ jsx46("div", { className: "absolute right-2 top-2 z-10", children: copyButton }),
|
|
3953
|
+
html ? /* @__PURE__ */ jsx46(
|
|
3739
3954
|
"div",
|
|
3740
3955
|
{
|
|
3741
3956
|
className: "[&_.shiki]:!p-4 [&_.shiki]:!m-0 [&_.shiki]:overflow-x-auto [&_.shiki]:!text-sm [&_.shiki]:!leading-relaxed [&_.shiki]:bg-transparent",
|
|
3742
3957
|
dangerouslySetInnerHTML: { __html: html }
|
|
3743
3958
|
}
|
|
3744
|
-
) : /* @__PURE__ */
|
|
3959
|
+
) : /* @__PURE__ */ jsx46("pre", { className: "!p-4 !m-0 overflow-x-auto !text-sm !leading-relaxed text-berget-muted-foreground", children: /* @__PURE__ */ jsx46("code", { children: code }) })
|
|
3745
3960
|
]
|
|
3746
3961
|
}
|
|
3747
3962
|
);
|
|
3748
3963
|
}
|
|
3749
3964
|
|
|
3750
3965
|
// src/components/window-frame/WindowFrame.tsx
|
|
3751
|
-
import * as
|
|
3966
|
+
import * as React31 from "react";
|
|
3752
3967
|
import { useState as useState4 } from "react";
|
|
3753
|
-
import { jsx as
|
|
3754
|
-
var WindowFrame =
|
|
3968
|
+
import { jsx as jsx47, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
3969
|
+
var WindowFrame = React31.forwardRef(
|
|
3755
3970
|
({ title = "window", tabs, activeTab, onTabChange, children, className, ...props }, ref) => {
|
|
3756
3971
|
const [internalActive, setInternalActive] = useState4(tabs?.[0]?.id ?? "");
|
|
3757
3972
|
const currentTab = activeTab ?? internalActive;
|
|
@@ -3762,7 +3977,7 @@ var WindowFrame = React29.forwardRef(
|
|
|
3762
3977
|
setInternalActive(id);
|
|
3763
3978
|
}
|
|
3764
3979
|
};
|
|
3765
|
-
return /* @__PURE__ */
|
|
3980
|
+
return /* @__PURE__ */ jsxs27(
|
|
3766
3981
|
"div",
|
|
3767
3982
|
{
|
|
3768
3983
|
ref,
|
|
@@ -3772,13 +3987,13 @@ var WindowFrame = React29.forwardRef(
|
|
|
3772
3987
|
),
|
|
3773
3988
|
...props,
|
|
3774
3989
|
children: [
|
|
3775
|
-
/* @__PURE__ */
|
|
3776
|
-
/* @__PURE__ */
|
|
3777
|
-
/* @__PURE__ */
|
|
3778
|
-
/* @__PURE__ */
|
|
3779
|
-
/* @__PURE__ */
|
|
3990
|
+
/* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 px-4 py-3 border-b border-berget-brand-granite-700 bg-berget-brand-granite-900", children: [
|
|
3991
|
+
/* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
|
|
3992
|
+
/* @__PURE__ */ jsx47("div", { className: "w-3 h-3 rounded-full bg-[#FF5F56]" }),
|
|
3993
|
+
/* @__PURE__ */ jsx47("div", { className: "w-3 h-3 rounded-full bg-[#FFBD2E]" }),
|
|
3994
|
+
/* @__PURE__ */ jsx47("div", { className: "w-3 h-3 rounded-full bg-[#27C93F]" })
|
|
3780
3995
|
] }),
|
|
3781
|
-
tabs && tabs.length > 0 ? /* @__PURE__ */
|
|
3996
|
+
tabs && tabs.length > 0 ? /* @__PURE__ */ jsx47("div", { className: "ml-4 flex items-center gap-1", children: tabs.map((tab) => /* @__PURE__ */ jsx47(
|
|
3782
3997
|
"button",
|
|
3783
3998
|
{
|
|
3784
3999
|
type: "button",
|
|
@@ -3790,9 +4005,9 @@ var WindowFrame = React29.forwardRef(
|
|
|
3790
4005
|
children: tab.label
|
|
3791
4006
|
},
|
|
3792
4007
|
tab.id
|
|
3793
|
-
)) }) : /* @__PURE__ */
|
|
4008
|
+
)) }) : /* @__PURE__ */ jsx47("span", { className: "ml-4 text-sm font-mono text-berget-brand-moss-400", children: title })
|
|
3794
4009
|
] }),
|
|
3795
|
-
/* @__PURE__ */
|
|
4010
|
+
/* @__PURE__ */ jsx47("div", { children })
|
|
3796
4011
|
]
|
|
3797
4012
|
}
|
|
3798
4013
|
);
|
|
@@ -3802,7 +4017,7 @@ WindowFrame.displayName = "WindowFrame";
|
|
|
3802
4017
|
|
|
3803
4018
|
// src/components/fog-illustration/FogIllustration.tsx
|
|
3804
4019
|
import { useEffect as useEffect3, useRef } from "react";
|
|
3805
|
-
import { jsx as
|
|
4020
|
+
import { jsx as jsx48 } from "react/jsx-runtime";
|
|
3806
4021
|
var FOG_BRAND_PALETTE = {
|
|
3807
4022
|
ink: "#171a1a",
|
|
3808
4023
|
milk: "#f7f5ed",
|
|
@@ -4115,7 +4330,7 @@ var FogIllustration = ({ palette, speed = 1, className }) => {
|
|
|
4115
4330
|
gl.deleteFramebuffer(fbo);
|
|
4116
4331
|
};
|
|
4117
4332
|
}, []);
|
|
4118
|
-
return /* @__PURE__ */
|
|
4333
|
+
return /* @__PURE__ */ jsx48("canvas", { ref, "aria-hidden": "true", className: cn("size-full", className) });
|
|
4119
4334
|
};
|
|
4120
4335
|
export {
|
|
4121
4336
|
Alert2 as Alert,
|
|
@@ -4206,6 +4421,8 @@ export {
|
|
|
4206
4421
|
List,
|
|
4207
4422
|
ListHeader,
|
|
4208
4423
|
ListItem,
|
|
4424
|
+
ModelCard,
|
|
4425
|
+
ModelLogo,
|
|
4209
4426
|
NavigationMenu,
|
|
4210
4427
|
NavigationMenuContent,
|
|
4211
4428
|
NavigationMenuIndicator,
|
|
@@ -4234,6 +4451,7 @@ export {
|
|
|
4234
4451
|
boxVariants,
|
|
4235
4452
|
buttonVariants,
|
|
4236
4453
|
cardVariants,
|
|
4454
|
+
categoryLabels,
|
|
4237
4455
|
checkboxVariants,
|
|
4238
4456
|
containerVariants,
|
|
4239
4457
|
getCountryByCode,
|