@snapcall/design-system 1.1.1 → 1.2.0

package/dist/index.mjs

@@ -30,10 +30,9 @@ var __objRest = (source, exclude) => {
   return target;
 };
 
-// src/components/Button/Button.tsx
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
+// src/components/AlertDialog/AlertDialog.tsx
+import * as React2 from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 
 // src/utils/cn.ts
 import { clsx } from "clsx";
@@ -43,6 +42,9 @@ function cn(...inputs) {
 }
 
 // src/components/Button/Button.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 var buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-40",
@@ -111,14 +113,147 @@ var Button = React.forwardRef(
 );
 Button.displayName = "Button";
 
+// src/components/AlertDialog/AlertDialog.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = (_a) => {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Portal, __spreadValues({ className: cn(className) }, props));
+};
+AlertDialogPortal.displayName = AlertDialogPrimitive.Portal.displayName;
+var AlertDialogOverlay = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  return /* @__PURE__ */ jsx2(
+    AlertDialogPrimitive.Overlay,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "fixed inset-0 z-50 bg-black/25 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        className
+      )
+    }, props), {
+      ref
+    })
+  );
+});
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContent = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx2(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx2(
+      AlertDialogPrimitive.Content,
+      __spreadValues({
+        ref,
+        className: cn(
+          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-[400px] translate-x-[-50%] translate-y-[-50%] gap-6 border bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-xl md:w-full",
+          className
+        )
+      }, props)
+    )
+  ] });
+});
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogHeader = (_a) => {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx2(
+    "div",
+    __spreadValues({
+      className: cn(
+        "flex flex-col space-y-5 text-center sm:text-left",
+        className
+      )
+    }, props)
+  );
+};
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = (_a) => {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx2(
+    "div",
+    __spreadValues({
+      className: cn(
+        "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+        className
+      )
+    }, props)
+  );
+};
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx2(
+    AlertDialogPrimitive.Title,
+    __spreadValues({
+      ref,
+      className: cn("text-lg text-gray-1000 font-semibold", className)
+    }, props)
+  );
+});
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx2(
+    AlertDialogPrimitive.Description,
+    __spreadValues({
+      ref,
+      className: cn("text-sm text-gray-700", className)
+    }, props)
+  );
+});
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogAction = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className, variant = "primary" } = _b, props = __objRest(_b, ["className", "variant"]);
+  return /* @__PURE__ */ jsx2(
+    AlertDialogPrimitive.Action,
+    __spreadValues({
+      ref,
+      className: cn(
+        buttonVariants({ variant }),
+        buttonSizes({ size: "md" }),
+        className
+      )
+    }, props)
+  );
+});
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx2(
+    AlertDialogPrimitive.Cancel,
+    __spreadValues({
+      ref,
+      className: cn(
+        buttonVariants({ variant: "outline" }),
+        buttonSizes({ size: "md" }),
+        "mt-2 sm:mt-0",
+        className
+      )
+    }, props)
+  );
+});
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+
 // src/components/Badge/Badge.tsx
 import { cva as cva2 } from "class-variance-authority";
 
 // src/utils/getLabelFromChildren.ts
-import React2 from "react";
+import React3 from "react";
 var getLabelFromChildren = (children) => {
   let label = "";
-  React2.Children.map(children, (child) => {
+  React3.Children.map(children, (child) => {
     if (typeof child === "string") {
       label += child;
     }
@@ -140,7 +275,7 @@ var randomPickFromArray = ({
 };
 
 // src/components/Badge/Badge.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var colors = {
   gray: "text-gray-900",
   green: "text-green-700",
@@ -275,7 +410,7 @@ function Badge(_a) {
       array: colorsArray
     });
   }
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "div",
     __spreadValues({
       className: cn(badgeVariants({ variant, color }), className)
@@ -283,56 +418,8 @@ function Badge(_a) {
   );
 }
 
-// src/components/Tabs/Tabs.tsx
-import * as React3 from "react";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var Tabs = TabsPrimitive.Root;
-var TabsList = React3.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx3(
-    TabsPrimitive.List,
-    __spreadValues({
-      ref,
-      className: cn(
-        "inline-flex items-center justify-center gap-2 rounded-lg p-1.5 bg-gray-50 text-gray-700",
-        className
-      )
-    }, props)
-  );
-});
-TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React3.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx3(
-    TabsPrimitive.Trigger,
-    __spreadValues({
-      ref,
-      className: cn(
-        "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-semibold ring-offset-white transition-all",
-        "hover:bg-gray-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-700 focus-visible:ring-offset-2",
-        "data-[state=active]:bg-white data-[state=active]:text-blue-700 data-[state=active]:shadow-sm",
-        "disabled:pointer-events-none disabled:opacity-50",
-        className
-      )
-    }, props)
-  );
-});
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React3.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx3(
-    TabsPrimitive.Content,
-    __spreadValues({
-      ref,
-      className: cn(
-        "mt-2 ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-700 focus-visible:ring-offset-2",
-        className
-      )
-    }, props)
-  );
-});
-TabsContent.displayName = TabsPrimitive.Content.displayName;
+// src/components/Calendar/Calendar.tsx
+import { DayPicker } from "react-day-picker";
 
 // src/icons/activity.tsx
 import { forwardRef as forwardRef3 } from "react";
@@ -368,11 +455,11 @@ var ActivityIcon = forwardRef3(
 
 // src/icons/alertCircle.tsx
 import { forwardRef as forwardRef4 } from "react";
-import { jsx as jsx5, jsxs } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var AlertCircleIcon = forwardRef4(
   function AlertCircleIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs2(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -538,10 +625,10 @@ var ArrowUpIcon = forwardRef8(
 
 // src/icons/bell.tsx
 import { forwardRef as forwardRef9 } from "react";
-import { jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
 var BellIcon = forwardRef9(function BellIcon2(_a, ref) {
   var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(
     "svg",
     __spreadProps(__spreadValues({
       ref,
@@ -578,11 +665,11 @@ var BellIcon = forwardRef9(function BellIcon2(_a, ref) {
 
 // src/icons/calendar.tsx
 import { forwardRef as forwardRef10 } from "react";
-import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
 var CalendarIcon = forwardRef10(
   function CalendarIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs3(
+    return /* @__PURE__ */ jsxs4(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -620,11 +707,11 @@ var CalendarIcon = forwardRef10(
 
 // src/icons/calendarCheck.tsx
 import { forwardRef as forwardRef11 } from "react";
-import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 var CalendarCheckIcon = forwardRef11(
   function CalendarCheckIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs4(
+    return /* @__PURE__ */ jsxs5(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -662,11 +749,11 @@ var CalendarCheckIcon = forwardRef11(
 
 // src/icons/calendarPlus.tsx
 import { forwardRef as forwardRef12 } from "react";
-import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 var CalendarPlusIcon = forwardRef12(
   function CalendarPlusIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs5(
+    return /* @__PURE__ */ jsxs6(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -704,11 +791,11 @@ var CalendarPlusIcon = forwardRef12(
 
 // src/icons/camera.tsx
 import { forwardRef as forwardRef13 } from "react";
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 var CameraIcon = forwardRef13(
   function CameraIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs6(
+    return /* @__PURE__ */ jsxs7(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -757,11 +844,11 @@ var CameraIcon = forwardRef13(
 
 // src/icons/cameraOff.tsx
 import { forwardRef as forwardRef14 } from "react";
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 var CameraOffIcon = forwardRef14(
   function CameraOffIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsxs8(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -799,11 +886,11 @@ var CameraOffIcon = forwardRef14(
 
 // src/icons/checkCircle.tsx
 import { forwardRef as forwardRef15 } from "react";
-import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
 var CheckCircleIcon = forwardRef15(
   function CheckCircleIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs8(
+    return /* @__PURE__ */ jsxs9(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -969,10 +1056,10 @@ var ChevronUpIcon = forwardRef19(
 
 // src/icons/copy.tsx
 import { forwardRef as forwardRef20 } from "react";
-import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
 var CopyIcon = forwardRef20(function CopyIcon2(_a, ref) {
   var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "svg",
     __spreadProps(__spreadValues({
       ref,
@@ -1009,11 +1096,11 @@ var CopyIcon = forwardRef20(function CopyIcon2(_a, ref) {
 
 // src/icons/cursorClick.tsx
 import { forwardRef as forwardRef21 } from "react";
-import { jsx as jsx22, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
 var CursorClickIcon = forwardRef21(
   function CursorClickIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs10(
+    return /* @__PURE__ */ jsxs11(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1051,11 +1138,11 @@ var CursorClickIcon = forwardRef21(
 
 // src/icons/download.tsx
 import { forwardRef as forwardRef22 } from "react";
-import { jsx as jsx23, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
 var DownloadIcon = forwardRef22(
   function DownloadIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs11(
+    return /* @__PURE__ */ jsxs12(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1093,10 +1180,10 @@ var DownloadIcon = forwardRef22(
 
 // src/icons/edit.tsx
 import { forwardRef as forwardRef23 } from "react";
-import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
 var EditIcon = forwardRef23(function EditIcon2(_a, ref) {
   var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "svg",
     __spreadProps(__spreadValues({
       ref,
@@ -1229,11 +1316,11 @@ var FlipForwardIcon = forwardRef26(
 
 // src/icons/helpCircle.tsx
 import { forwardRef as forwardRef27 } from "react";
-import { jsx as jsx28, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs14 } from "react/jsx-runtime";
 var HelpCircleIcon = forwardRef27(
   function HelpCircleIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs13(
+    return /* @__PURE__ */ jsxs14(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1271,10 +1358,10 @@ var HelpCircleIcon = forwardRef27(
 
 // src/icons/home.tsx
 import { forwardRef as forwardRef28 } from "react";
-import { jsx as jsx29, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs15 } from "react/jsx-runtime";
 var HomeIcon = forwardRef28(function HomeIcon2(_a, ref) {
   var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "svg",
     __spreadProps(__spreadValues({
       ref,
@@ -1304,11 +1391,11 @@ var HomeIcon = forwardRef28(function HomeIcon2(_a, ref) {
 
 // src/icons/image.tsx
 import { forwardRef as forwardRef29 } from "react";
-import { jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
 var ImageIcon = forwardRef29(
   function ImageIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs15(
+    return /* @__PURE__ */ jsxs16(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1320,7 +1407,7 @@ var ImageIcon = forwardRef29(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ jsxs15("g", { opacity: "0.12", children: [
+          duotone && /* @__PURE__ */ jsxs16("g", { opacity: "0.12", children: [
             /* @__PURE__ */ jsx30(
               "path",
               {
@@ -1354,11 +1441,11 @@ var ImageIcon = forwardRef29(
 
 // src/icons/imageDown.tsx
 import { forwardRef as forwardRef30 } from "react";
-import { jsx as jsx31, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
 var ImageDownIcon = forwardRef30(
   function ImageDownIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs16(
+    return /* @__PURE__ */ jsxs17(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1370,7 +1457,7 @@ var ImageDownIcon = forwardRef30(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ jsxs16("g", { opacity: "0.12", children: [
+          duotone && /* @__PURE__ */ jsxs17("g", { opacity: "0.12", children: [
             /* @__PURE__ */ jsx31(
               "path",
               {
@@ -1404,11 +1491,11 @@ var ImageDownIcon = forwardRef30(
 
 // src/icons/imageX.tsx
 import { forwardRef as forwardRef31 } from "react";
-import { jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
 var ImageXIcon = forwardRef31(
   function ImageXIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs17(
+    return /* @__PURE__ */ jsxs18(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1420,7 +1507,7 @@ var ImageXIcon = forwardRef31(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ jsxs17("g", { opacity: "0.12", children: [
+          duotone && /* @__PURE__ */ jsxs18("g", { opacity: "0.12", children: [
             /* @__PURE__ */ jsx32(
               "path",
               {
@@ -1454,11 +1541,11 @@ var ImageXIcon = forwardRef31(
 
 // src/icons/infoCircle.tsx
 import { forwardRef as forwardRef32 } from "react";
-import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
 var InfoCircleIcon = forwardRef32(
   function InfoCircleIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs18(
+    return /* @__PURE__ */ jsxs19(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1496,11 +1583,11 @@ var InfoCircleIcon = forwardRef32(
 
 // src/icons/lightbulb.tsx
 import { forwardRef as forwardRef33 } from "react";
-import { jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
 var LightbulbIcon = forwardRef33(
   function LightbulbIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs19(
+    return /* @__PURE__ */ jsxs20(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1538,10 +1625,10 @@ var LightbulbIcon = forwardRef33(
 
 // src/icons/lock.tsx
 import { forwardRef as forwardRef34 } from "react";
-import { jsx as jsx35, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
 var LockIcon = forwardRef34(function LockIcon2(_a, ref) {
   var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     "svg",
     __spreadProps(__spreadValues({
       ref,
@@ -1578,11 +1665,11 @@ var LockIcon = forwardRef34(function LockIcon2(_a, ref) {
 
 // src/icons/logIn.tsx
 import { forwardRef as forwardRef35 } from "react";
-import { jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
 var LogInIcon = forwardRef35(
   function LogInIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs21(
+    return /* @__PURE__ */ jsxs22(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1620,11 +1707,11 @@ var LogInIcon = forwardRef35(
 
 // src/icons/magicWand.tsx
 import { forwardRef as forwardRef36 } from "react";
-import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs23 } from "react/jsx-runtime";
 var MagicWandIcon = forwardRef36(
   function MagicWandIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs22(
+    return /* @__PURE__ */ jsxs23(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1662,10 +1749,10 @@ var MagicWandIcon = forwardRef36(
 
 // src/icons/mail.tsx
 import { forwardRef as forwardRef37 } from "react";
-import { jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs24 } from "react/jsx-runtime";
 var MailIcon = forwardRef37(function MailIcon2(_a, ref) {
   var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     "svg",
     __spreadProps(__spreadValues({
       ref,
@@ -1732,11 +1819,11 @@ var MenuIcon = forwardRef38(function MenuIcon2(_a, ref) {
 
 // src/icons/messageChatSquare.tsx
 import { forwardRef as forwardRef39 } from "react";
-import { jsx as jsx40, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
 var MessageChatSquareIcon = forwardRef39(
   function MessageChatSquareIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs24(
+    return /* @__PURE__ */ jsxs25(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1774,11 +1861,11 @@ var MessageChatSquareIcon = forwardRef39(
 
 // src/icons/messagePlusSquare.tsx
 import { forwardRef as forwardRef40 } from "react";
-import { jsx as jsx41, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs26 } from "react/jsx-runtime";
 var MessagePlusSquareIcon = forwardRef40(
   function MessagePlusSquareIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs25(
+    return /* @__PURE__ */ jsxs26(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1816,11 +1903,11 @@ var MessagePlusSquareIcon = forwardRef40(
 
 // src/icons/messageTextSquare.tsx
 import { forwardRef as forwardRef41 } from "react";
-import { jsx as jsx42, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs27 } from "react/jsx-runtime";
 var MessageTextSquareIcon = forwardRef41(
   function MessageTextSquareIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs26(
+    return /* @__PURE__ */ jsxs27(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1858,11 +1945,11 @@ var MessageTextSquareIcon = forwardRef41(
 
 // src/icons/microphone.tsx
 import { forwardRef as forwardRef42 } from "react";
-import { jsx as jsx43, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs28 } from "react/jsx-runtime";
 var MicrophoneIcon = forwardRef42(
   function MicrophoneIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs27(
+    return /* @__PURE__ */ jsxs28(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1900,11 +1987,11 @@ var MicrophoneIcon = forwardRef42(
 
 // src/icons/microphoneOff.tsx
 import { forwardRef as forwardRef43 } from "react";
-import { jsx as jsx44, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs29 } from "react/jsx-runtime";
 var MicrophoneOffIcon = forwardRef43(
   function MicrophoneOffIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs28(
+    return /* @__PURE__ */ jsxs29(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1942,11 +2029,11 @@ var MicrophoneOffIcon = forwardRef43(
 
 // src/icons/monitor.tsx
 import { forwardRef as forwardRef44 } from "react";
-import { jsx as jsx45, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs30 } from "react/jsx-runtime";
 var MonitorIcon = forwardRef44(
   function MonitorIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs29(
+    return /* @__PURE__ */ jsxs30(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1984,11 +2071,11 @@ var MonitorIcon = forwardRef44(
 
 // src/icons/notificationBox.tsx
 import { forwardRef as forwardRef45 } from "react";
-import { jsx as jsx46, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs31 } from "react/jsx-runtime";
 var NotificationBoxIcon = forwardRef45(
   function NotificationBoxIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs30(
+    return /* @__PURE__ */ jsxs31(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2026,11 +2113,11 @@ var NotificationBoxIcon = forwardRef45(
 
 // src/icons/pauseCircle.tsx
 import { forwardRef as forwardRef46 } from "react";
-import { jsx as jsx47, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs32 } from "react/jsx-runtime";
 var PauseCircleIcon = forwardRef46(
   function PauseCircleIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs31(
+    return /* @__PURE__ */ jsxs32(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2068,11 +2155,11 @@ var PauseCircleIcon = forwardRef46(
 
 // src/icons/phone.tsx
 import { forwardRef as forwardRef47 } from "react";
-import { jsx as jsx48, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs33 } from "react/jsx-runtime";
 var PhoneIcon = forwardRef47(
   function PhoneIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs32(
+    return /* @__PURE__ */ jsxs33(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2110,11 +2197,11 @@ var PhoneIcon = forwardRef47(
 
 // src/icons/pieChart.tsx
 import { forwardRef as forwardRef48 } from "react";
-import { jsx as jsx49, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs34 } from "react/jsx-runtime";
 var PieChartIcon = forwardRef48(
   function PieChartIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs33(
+    return /* @__PURE__ */ jsxs34(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2163,11 +2250,11 @@ var PieChartIcon = forwardRef48(
 
 // src/icons/playCircle.tsx
 import { forwardRef as forwardRef49 } from "react";
-import { jsx as jsx50, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs35 } from "react/jsx-runtime";
 var PlayCircleIcon = forwardRef49(
   function PlayCircleIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs34(
+    return /* @__PURE__ */ jsxs35(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2246,11 +2333,11 @@ var PlusIcon = forwardRef50(function PlusIcon2(_a, ref) {
 
 // src/icons/plusCircle.tsx
 import { forwardRef as forwardRef51 } from "react";
-import { jsx as jsx52, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs36 } from "react/jsx-runtime";
 var PlusCircleIcon = forwardRef51(
   function PlusCircleIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs35(
+    return /* @__PURE__ */ jsxs36(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2288,11 +2375,11 @@ var PlusCircleIcon = forwardRef51(
 
 // src/icons/puzzlePiece.tsx
 import { forwardRef as forwardRef52 } from "react";
-import { jsx as jsx53, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs37 } from "react/jsx-runtime";
 var PuzzlePieceIcon = forwardRef52(
   function PuzzlePieceIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs36(
+    return /* @__PURE__ */ jsxs37(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2330,11 +2417,11 @@ var PuzzlePieceIcon = forwardRef52(
 
 // src/icons/qrCode.tsx
 import { forwardRef as forwardRef53 } from "react";
-import { jsx as jsx54, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs38 } from "react/jsx-runtime";
 var QrCodeIcon = forwardRef53(
   function QrCodeIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs37(
+    return /* @__PURE__ */ jsxs38(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2375,11 +2462,11 @@ var QrCodeIcon = forwardRef53(
 
 // src/icons/receiptCheck.tsx
 import { forwardRef as forwardRef54 } from "react";
-import { jsx as jsx55, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs39 } from "react/jsx-runtime";
 var ReceiptCheckIcon = forwardRef54(
   function ReceiptCheckIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs38(
+    return /* @__PURE__ */ jsxs39(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2417,11 +2504,11 @@ var ReceiptCheckIcon = forwardRef54(
 
 // src/icons/recording.tsx
 import { forwardRef as forwardRef55 } from "react";
-import { jsx as jsx56, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs40 } from "react/jsx-runtime";
 var RecordingIcon = forwardRef55(
   function RecordingIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs39(
+    return /* @__PURE__ */ jsxs40(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2523,11 +2610,11 @@ var RefreshCwIcon = forwardRef57(
 
 // src/icons/rocket.tsx
 import { forwardRef as forwardRef58 } from "react";
-import { jsx as jsx59, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs41 } from "react/jsx-runtime";
 var RocketIcon = forwardRef58(
   function RocketIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs40(
+    return /* @__PURE__ */ jsxs41(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2565,10 +2652,10 @@ var RocketIcon = forwardRef58(
 
 // src/icons/save.tsx
 import { forwardRef as forwardRef59 } from "react";
-import { jsx as jsx60, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs42 } from "react/jsx-runtime";
 var SaveIcon = forwardRef59(function SaveIcon2(_a, ref) {
   var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-  return /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsxs42(
     "svg",
     __spreadProps(__spreadValues({
       ref,
@@ -2580,7 +2667,7 @@ var SaveIcon = forwardRef59(function SaveIcon2(_a, ref) {
       className
     }, other), {
       children: [
-        duotone && /* @__PURE__ */ jsxs41("g", { opacity: "0.12", children: [
+        duotone && /* @__PURE__ */ jsxs42("g", { opacity: "0.12", children: [
           /* @__PURE__ */ jsx60(
             "path",
             {
@@ -2613,11 +2700,11 @@ var SaveIcon = forwardRef59(function SaveIcon2(_a, ref) {
 
 // src/icons/search.tsx
 import { forwardRef as forwardRef60 } from "react";
-import { jsx as jsx61, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs43 } from "react/jsx-runtime";
 var SearchMdIcon = forwardRef60(
   function SearchMdIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs42(
+    return /* @__PURE__ */ jsxs43(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2655,10 +2742,10 @@ var SearchMdIcon = forwardRef60(
 
 // src/icons/send.tsx
 import { forwardRef as forwardRef61 } from "react";
-import { jsx as jsx62, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs44 } from "react/jsx-runtime";
 var SendIcon = forwardRef61(function SendIcon2(_a, ref) {
   var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-  return /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsxs44(
     "svg",
     __spreadProps(__spreadValues({
       ref,
@@ -2695,11 +2782,11 @@ var SendIcon = forwardRef61(function SendIcon2(_a, ref) {
 
 // src/icons/settings.tsx
 import { forwardRef as forwardRef62 } from "react";
-import { jsx as jsx63, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs45 } from "react/jsx-runtime";
 var SettingsIcon = forwardRef62(
   function SettingsIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs44(
+    return /* @__PURE__ */ jsxs45(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2750,11 +2837,11 @@ var SettingsIcon = forwardRef62(
 
 // src/icons/share.tsx
 import { forwardRef as forwardRef63 } from "react";
-import { jsx as jsx64, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs46 } from "react/jsx-runtime";
 var ShareIcon = forwardRef63(
   function ShareIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs45(
+    return /* @__PURE__ */ jsxs46(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2766,7 +2853,7 @@ var ShareIcon = forwardRef63(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ jsxs45("g", { opacity: "0.12", children: [
+          duotone && /* @__PURE__ */ jsxs46("g", { opacity: "0.12", children: [
             /* @__PURE__ */ jsx64(
               "path",
               {
@@ -2807,11 +2894,11 @@ var ShareIcon = forwardRef63(
 
 // src/icons/skipBack.tsx
 import { forwardRef as forwardRef64 } from "react";
-import { jsx as jsx65, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs47 } from "react/jsx-runtime";
 var SkipBackIcon = forwardRef64(
   function SkipBackIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs46(
+    return /* @__PURE__ */ jsxs47(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2849,11 +2936,11 @@ var SkipBackIcon = forwardRef64(
 
 // src/icons/skipForward.tsx
 import { forwardRef as forwardRef65 } from "react";
-import { jsx as jsx66, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs48 } from "react/jsx-runtime";
 var SkipForwardIcon = forwardRef65(
   function SkipForwardIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs47(
+    return /* @__PURE__ */ jsxs48(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2891,11 +2978,11 @@ var SkipForwardIcon = forwardRef65(
 
 // src/icons/stars.tsx
 import { forwardRef as forwardRef66 } from "react";
-import { jsx as jsx67, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs49 } from "react/jsx-runtime";
 var StarsIcon = forwardRef66(
   function StarsIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs48(
+    return /* @__PURE__ */ jsxs49(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2933,11 +3020,11 @@ var StarsIcon = forwardRef66(
 
 // src/icons/trash.tsx
 import { forwardRef as forwardRef67 } from "react";
-import { jsx as jsx68, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs50 } from "react/jsx-runtime";
 var TrashIcon = forwardRef67(
   function TrashIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs49(
+    return /* @__PURE__ */ jsxs50(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3039,10 +3126,10 @@ var TrendUpIcon = forwardRef69(
 
 // src/icons/user.tsx
 import { forwardRef as forwardRef70 } from "react";
-import { jsx as jsx71, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs51 } from "react/jsx-runtime";
 var UserIcon = forwardRef70(function UserIcon2(_a, ref) {
   var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-  return /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsxs51(
     "svg",
     __spreadProps(__spreadValues({
       ref,
@@ -3079,11 +3166,11 @@ var UserIcon = forwardRef70(function UserIcon2(_a, ref) {
 
 // src/icons/userPlus.tsx
 import { forwardRef as forwardRef71 } from "react";
-import { jsx as jsx72, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs52 } from "react/jsx-runtime";
 var UserPlusIcon = forwardRef71(
   function UserPlusIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs51(
+    return /* @__PURE__ */ jsxs52(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3121,11 +3208,11 @@ var UserPlusIcon = forwardRef71(
 
 // src/icons/userX.tsx
 import { forwardRef as forwardRef72 } from "react";
-import { jsx as jsx73, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs53 } from "react/jsx-runtime";
 var UserXIcon = forwardRef72(
   function UserXIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs52(
+    return /* @__PURE__ */ jsxs53(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3163,11 +3250,11 @@ var UserXIcon = forwardRef72(
 
 // src/icons/users.tsx
 import { forwardRef as forwardRef73 } from "react";
-import { jsx as jsx74, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs54 } from "react/jsx-runtime";
 var UsersIcon = forwardRef73(
   function UsersIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs53(
+    return /* @__PURE__ */ jsxs54(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3205,11 +3292,11 @@ var UsersIcon = forwardRef73(
 
 // src/icons/usersPlus.tsx
 import { forwardRef as forwardRef74 } from "react";
-import { jsx as jsx75, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs55 } from "react/jsx-runtime";
 var UsersPlusIcon = forwardRef74(
   function UsersPlusIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs54(
+    return /* @__PURE__ */ jsxs55(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3247,11 +3334,11 @@ var UsersPlusIcon = forwardRef74(
 
 // src/icons/usersX.tsx
 import { forwardRef as forwardRef75 } from "react";
-import { jsx as jsx76, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs56 } from "react/jsx-runtime";
 var UsersXIcon = forwardRef75(
   function UsersXIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs55(
+    return /* @__PURE__ */ jsxs56(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3289,11 +3376,11 @@ var UsersXIcon = forwardRef75(
 
 // src/icons/videoRecorder.tsx
 import { forwardRef as forwardRef76 } from "react";
-import { jsx as jsx77, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs57 } from "react/jsx-runtime";
 var VideoRecorderIcon = forwardRef76(
   function VideoRecorderIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs56(
+    return /* @__PURE__ */ jsxs57(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3346,11 +3433,11 @@ var VideoRecorderIcon = forwardRef76(
 
 // src/icons/videoRecorderOff.tsx
 import { forwardRef as forwardRef77 } from "react";
-import { jsx as jsx78, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs58 } from "react/jsx-runtime";
 var VideoRecorderOffIcon = forwardRef77(
   function VideoRecorderOffIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs57(
+    return /* @__PURE__ */ jsxs58(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3392,11 +3479,11 @@ var VideoRecorderOffIcon = forwardRef77(
 
 // src/icons/volumeMax.tsx
 import { forwardRef as forwardRef78 } from "react";
-import { jsx as jsx79, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs59 } from "react/jsx-runtime";
 var VolumeMaxIcon = forwardRef78(
   function VolumeMaxIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs58(
+    return /* @__PURE__ */ jsxs59(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3434,11 +3521,11 @@ var VolumeMaxIcon = forwardRef78(
 
 // src/icons/volumeX.tsx
 import { forwardRef as forwardRef79 } from "react";
-import { jsx as jsx80, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs60 } from "react/jsx-runtime";
 var VolumeXIcon = forwardRef79(
   function VolumeXIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs59(
+    return /* @__PURE__ */ jsxs60(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3476,11 +3563,11 @@ var VolumeXIcon = forwardRef79(
 
 // src/icons/xCircle.tsx
 import { forwardRef as forwardRef80 } from "react";
-import { jsx as jsx81, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs61 } from "react/jsx-runtime";
 var XCircleIcon = forwardRef80(
   function XCircleIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ jsxs60(
+    return /* @__PURE__ */ jsxs61(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3547,9 +3634,269 @@ var XCloseIcon = forwardRef81(
     );
   }
 );
+
+// src/components/Calendar/Calendar.tsx
+import { jsx as jsx83 } from "react/jsx-runtime";
+function Calendar(_a) {
+  var _b = _a, {
+    className,
+    classNames,
+    showOutsideDays = true
+  } = _b, props = __objRest(_b, [
+    "className",
+    "classNames",
+    "showOutsideDays"
+  ]);
+  return /* @__PURE__ */ jsx83(
+    DayPicker,
+    __spreadValues({
+      showOutsideDays,
+      className: cn("p-4", className),
+      classNames: __spreadValues({
+        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+        month: "space-y-4",
+        caption: "flex justify-center pt-1 relative items-center",
+        caption_label: "text-sm font-medium",
+        nav: "space-x-1 flex items-center",
+        nav_button: cn(
+          buttonVariants({ variant: "outline" }),
+          iconButtonSizes({ size: "xs" })
+        ),
+        nav_button_previous: "absolute left-1",
+        nav_button_next: "absolute right-1",
+        table: "w-full border-collapse space-y-1",
+        head_row: "flex",
+        head_cell: "text-xs text-gray-700 rounded-md w-8 font-normal",
+        row: "flex w-full mt-2",
+        cell: "text-center text-sm text-gray-1000 p-0 relative [&:has([aria-selected])]:bg-blue-100 first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
+        day: "h-8 w-8 p-0 cursor-pointer rounded-md [&:not([aria-selected])]:hover:bg-gray-100 aria-selected:opacity-100",
+        day_selected: "bg-blue-700 text-white hover:bg-blue-700 hover:text-white",
+        day_outside: "text-gray-700 opacity-50",
+        day_disabled: "text-gray-700 opacity-50",
+        day_range_middle: "aria-selected:bg-blue-100 aria-selected:text-blue-700",
+        day_hidden: "invisible"
+      }, classNames),
+      components: {
+        IconLeft: (_a2) => {
+          var props2 = __objRest(_a2, []);
+          return /* @__PURE__ */ jsx83(ChevronLeftIcon, { className: "h-3 w-3" });
+        },
+        IconRight: (_b2) => {
+          var props2 = __objRest(_b2, []);
+          return /* @__PURE__ */ jsx83(ChevronRightIcon, { className: "h-3 w-3" });
+        }
+      }
+    }, props)
+  );
+}
+Calendar.displayName = "Calendar";
+
+// src/components/Dialog/Dialog.tsx
+import * as React4 from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { jsx as jsx84, jsxs as jsxs62 } from "react/jsx-runtime";
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = (_a) => {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx84(DialogPrimitive.Portal, __spreadValues({ className: cn(className) }, props));
+};
+DialogPortal.displayName = DialogPrimitive.Portal.displayName;
+var DialogOverlay = React4.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx84(
+    DialogPrimitive.Overlay,
+    __spreadValues({
+      ref,
+      className: cn(
+        "fixed inset-0 z-50 bg-gray-1000/25 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        className
+      )
+    }, props)
+  );
+});
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContent = React4.forwardRef((_a, ref) => {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  return /* @__PURE__ */ jsxs62(DialogPortal, { children: [
+    /* @__PURE__ */ jsx84(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs62(
+      DialogPrimitive.Content,
+      __spreadProps(__spreadValues({
+        ref,
+        className: cn(
+          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-[400px] translate-x-[-50%] translate-y-[-50%] gap-6 border bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",
+          className
+        )
+      }, props), {
+        children: [
+          children,
+          /* @__PURE__ */ jsxs62(
+            DialogPrimitive.Close,
+            {
+              className: cn(
+                buttonVariants({ variant: "secondary" }),
+                iconButtonSizes({ size: "xs" }),
+                "absolute right-6 top-6"
+              ),
+              children: [
+                /* @__PURE__ */ jsx84(XCloseIcon, { className: "h-3 w-3" }),
+                /* @__PURE__ */ jsx84("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      })
+    )
+  ] });
+});
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = (_a) => {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx84(
+    "div",
+    __spreadValues({
+      className: cn(
+        "flex flex-col space-y-1.5 text-center sm:text-left",
+        className
+      )
+    }, props)
+  );
+};
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = (_a) => {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx84(
+    "div",
+    __spreadValues({
+      className: cn(
+        "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+        className
+      )
+    }, props)
+  );
+};
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React4.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx84(
+    DialogPrimitive.Title,
+    __spreadValues({
+      ref,
+      className: cn("text-lg text-gray-1000 font-semibold", className)
+    }, props)
+  );
+});
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React4.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx84(
+    DialogPrimitive.Description,
+    __spreadValues({
+      ref,
+      className: cn("text-sm text-gray-700", className)
+    }, props)
+  );
+});
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+// src/components/Popover/Popover.tsx
+import * as React5 from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { jsx as jsx85 } from "react/jsx-runtime";
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverContent = React5.forwardRef((_a, ref) => {
+  var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
+  return /* @__PURE__ */ jsx85(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx85(
+    PopoverPrimitive.Content,
+    __spreadValues({
+      ref,
+      align,
+      sideOffset,
+      className: cn(
+        "z-50 w-72 rounded-md border bg-white p-4 text-gray-1000 shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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",
+        className
+      )
+    }, props)
+  ) });
+});
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+// src/components/Tabs/Tabs.tsx
+import * as React6 from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { jsx as jsx86 } from "react/jsx-runtime";
+var Tabs = TabsPrimitive.Root;
+var TabsList = React6.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx86(
+    TabsPrimitive.List,
+    __spreadValues({
+      ref,
+      className: cn(
+        "inline-flex items-center justify-center gap-2 rounded-lg p-1.5 bg-gray-50 text-gray-700",
+        className
+      )
+    }, props)
+  );
+});
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React6.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx86(
+    TabsPrimitive.Trigger,
+    __spreadValues({
+      ref,
+      className: cn(
+        "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-semibold ring-offset-white transition-all",
+        "hover:bg-gray-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-700 focus-visible:ring-offset-2",
+        "data-[state=active]:bg-white data-[state=active]:text-blue-700 data-[state=active]:shadow-sm",
+        "disabled:pointer-events-none disabled:opacity-50",
+        className
+      )
+    }, props)
+  );
+});
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React6.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx86(
+    TabsPrimitive.Content,
+    __spreadValues({
+      ref,
+      className: cn(
+        "mt-2 ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-700 focus-visible:ring-offset-2",
+        className
+      )
+    }, props)
+  );
+});
+TabsContent.displayName = TabsPrimitive.Content.displayName;
 export {
   ActivityIcon,
   AlertCircleIcon,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
   ArrowDownIcon,
   ArrowLeftIcon,
   ArrowRightIcon,
@@ -3557,6 +3904,7 @@ export {
   Badge,
   BellIcon,
   Button,
+  Calendar,
   CalendarCheckIcon,
   CalendarIcon,
   CalendarPlusIcon,
@@ -3569,6 +3917,13 @@ export {
   ChevronUpIcon,
   CopyIcon,
   CursorClickIcon,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
   DownloadIcon,
   EditIcon,
   ExpandIcon,
@@ -3599,6 +3954,9 @@ export {
   PlayCircleIcon,
   PlusCircleIcon,
   PlusIcon,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
   PuzzlePieceIcon,
   QrCodeIcon,
   ReceiptCheckIcon,
@@ -3632,5 +3990,8 @@ export {
   VolumeMaxIcon,
   VolumeXIcon,
   XCircleIcon,
-  XCloseIcon
+  XCloseIcon,
+  buttonSizes,
+  buttonVariants,
+  iconButtonSizes
 };