@snapcall/design-system 1.1.1 → 1.2.0

package/dist/index.js

@@ -61,6 +61,15 @@ var src_exports = {};
 __export(src_exports, {
   ActivityIcon: () => ActivityIcon,
   AlertCircleIcon: () => AlertCircleIcon,
+  AlertDialog: () => AlertDialog,
+  AlertDialogAction: () => AlertDialogAction,
+  AlertDialogCancel: () => AlertDialogCancel,
+  AlertDialogContent: () => AlertDialogContent,
+  AlertDialogDescription: () => AlertDialogDescription,
+  AlertDialogFooter: () => AlertDialogFooter,
+  AlertDialogHeader: () => AlertDialogHeader,
+  AlertDialogTitle: () => AlertDialogTitle,
+  AlertDialogTrigger: () => AlertDialogTrigger,
   ArrowDownIcon: () => ArrowDownIcon,
   ArrowLeftIcon: () => ArrowLeftIcon,
   ArrowRightIcon: () => ArrowRightIcon,
@@ -68,6 +77,7 @@ __export(src_exports, {
   Badge: () => Badge,
   BellIcon: () => BellIcon,
   Button: () => Button,
+  Calendar: () => Calendar,
   CalendarCheckIcon: () => CalendarCheckIcon,
   CalendarIcon: () => CalendarIcon,
   CalendarPlusIcon: () => CalendarPlusIcon,
@@ -80,6 +90,13 @@ __export(src_exports, {
   ChevronUpIcon: () => ChevronUpIcon,
   CopyIcon: () => CopyIcon,
   CursorClickIcon: () => CursorClickIcon,
+  Dialog: () => Dialog,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogFooter: () => DialogFooter,
+  DialogHeader: () => DialogHeader,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger,
   DownloadIcon: () => DownloadIcon,
   EditIcon: () => EditIcon,
   ExpandIcon: () => ExpandIcon,
@@ -110,6 +127,9 @@ __export(src_exports, {
   PlayCircleIcon: () => PlayCircleIcon,
   PlusCircleIcon: () => PlusCircleIcon,
   PlusIcon: () => PlusIcon,
+  Popover: () => Popover,
+  PopoverContent: () => PopoverContent,
+  PopoverTrigger: () => PopoverTrigger,
   PuzzlePieceIcon: () => PuzzlePieceIcon,
   QrCodeIcon: () => QrCodeIcon,
   ReceiptCheckIcon: () => ReceiptCheckIcon,
@@ -143,14 +163,16 @@ __export(src_exports, {
   VolumeMaxIcon: () => VolumeMaxIcon,
   VolumeXIcon: () => VolumeXIcon,
   XCircleIcon: () => XCircleIcon,
-  XCloseIcon: () => XCloseIcon
+  XCloseIcon: () => XCloseIcon,
+  buttonSizes: () => buttonSizes,
+  buttonVariants: () => buttonVariants,
+  iconButtonSizes: () => iconButtonSizes
 });
 module.exports = __toCommonJS(src_exports);
 
-// src/components/Button/Button.tsx
-var React = __toESM(require("react"));
-var import_react_slot = require("@radix-ui/react-slot");
-var import_class_variance_authority = require("class-variance-authority");
+// src/components/AlertDialog/AlertDialog.tsx
+var React2 = __toESM(require("react"));
+var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"));
 
 // src/utils/cn.ts
 var import_clsx = require("clsx");
@@ -160,6 +182,9 @@ function cn(...inputs) {
 }
 
 // src/components/Button/Button.tsx
+var React = __toESM(require("react"));
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority = require("class-variance-authority");
 var import_jsx_runtime = require("react/jsx-runtime");
 var buttonVariants = (0, import_class_variance_authority.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",
@@ -228,6 +253,139 @@ var Button = React.forwardRef(
 );
 Button.displayName = "Button";
 
+// src/components/AlertDialog/AlertDialog.tsx
+var import_jsx_runtime2 = require("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__ */ (0, import_jsx_runtime2.jsx)(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__ */ (0, import_jsx_runtime2.jsx)(
+    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__ */ (0, import_jsx_runtime2.jsxs)(AlertDialogPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AlertDialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      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__ */ (0, import_jsx_runtime2.jsx)(
+    "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__ */ (0, import_jsx_runtime2.jsx)(
+    "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__ */ (0, import_jsx_runtime2.jsx)(
+    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__ */ (0, import_jsx_runtime2.jsx)(
+    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__ */ (0, import_jsx_runtime2.jsx)(
+    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__ */ (0, import_jsx_runtime2.jsx)(
+    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
 var import_class_variance_authority2 = require("class-variance-authority");
 
@@ -257,7 +415,7 @@ var randomPickFromArray = ({
 };
 
 // src/components/Badge/Badge.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var colors = {
   gray: "text-gray-900",
   green: "text-green-700",
@@ -392,7 +550,7 @@ function Badge(_a) {
       array: colorsArray
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "div",
     __spreadValues({
       className: cn(badgeVariants({ variant, color }), className)
@@ -400,56 +558,8 @@ function Badge(_a) {
   );
 }
 
-// src/components/Tabs/Tabs.tsx
-var React3 = __toESM(require("react"));
-var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Tabs = TabsPrimitive.Root;
-var TabsList = React3.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    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__ */ (0, import_jsx_runtime3.jsx)(
-    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__ */ (0, import_jsx_runtime3.jsx)(
-    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
+var import_react_day_picker = require("react-day-picker");
 
 // src/icons/activity.tsx
 var import_react2 = require("react");
@@ -3664,10 +3774,270 @@ var XCloseIcon = (0, import_react80.forwardRef)(
     );
   }
 );
+
+// src/components/Calendar/Calendar.tsx
+var import_jsx_runtime83 = require("react/jsx-runtime");
+function Calendar(_a) {
+  var _b = _a, {
+    className,
+    classNames,
+    showOutsideDays = true
+  } = _b, props = __objRest(_b, [
+    "className",
+    "classNames",
+    "showOutsideDays"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+    import_react_day_picker.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__ */ (0, import_jsx_runtime83.jsx)(ChevronLeftIcon, { className: "h-3 w-3" });
+        },
+        IconRight: (_b2) => {
+          var props2 = __objRest(_b2, []);
+          return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ChevronRightIcon, { className: "h-3 w-3" });
+        }
+      }
+    }, props)
+  );
+}
+Calendar.displayName = "Calendar";
+
+// src/components/Dialog/Dialog.tsx
+var React4 = __toESM(require("react"));
+var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
+var import_jsx_runtime84 = require("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__ */ (0, import_jsx_runtime84.jsx)(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__ */ (0, import_jsx_runtime84.jsx)(
+    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__ */ (0, import_jsx_runtime84.jsxs)(DialogPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+      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__ */ (0, import_jsx_runtime84.jsxs)(
+            DialogPrimitive.Close,
+            {
+              className: cn(
+                buttonVariants({ variant: "secondary" }),
+                iconButtonSizes({ size: "xs" }),
+                "absolute right-6 top-6"
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(XCloseIcon, { className: "h-3 w-3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("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__ */ (0, import_jsx_runtime84.jsx)(
+    "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__ */ (0, import_jsx_runtime84.jsx)(
+    "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__ */ (0, import_jsx_runtime84.jsx)(
+    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__ */ (0, import_jsx_runtime84.jsx)(
+    DialogPrimitive.Description,
+    __spreadValues({
+      ref,
+      className: cn("text-sm text-gray-700", className)
+    }, props)
+  );
+});
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+// src/components/Popover/Popover.tsx
+var React5 = __toESM(require("react"));
+var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
+var import_jsx_runtime85 = require("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__ */ (0, import_jsx_runtime85.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    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
+var React6 = __toESM(require("react"));
+var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
+var import_jsx_runtime86 = require("react/jsx-runtime");
+var Tabs = TabsPrimitive.Root;
+var TabsList = React6.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    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__ */ (0, import_jsx_runtime86.jsx)(
+    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__ */ (0, import_jsx_runtime86.jsx)(
+    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;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ActivityIcon,
   AlertCircleIcon,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
   ArrowDownIcon,
   ArrowLeftIcon,
   ArrowRightIcon,
@@ -3675,6 +4045,7 @@ var XCloseIcon = (0, import_react80.forwardRef)(
   Badge,
   BellIcon,
   Button,
+  Calendar,
   CalendarCheckIcon,
   CalendarIcon,
   CalendarPlusIcon,
@@ -3687,6 +4058,13 @@ var XCloseIcon = (0, import_react80.forwardRef)(
   ChevronUpIcon,
   CopyIcon,
   CursorClickIcon,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
   DownloadIcon,
   EditIcon,
   ExpandIcon,
@@ -3717,6 +4095,9 @@ var XCloseIcon = (0, import_react80.forwardRef)(
   PlayCircleIcon,
   PlusCircleIcon,
   PlusIcon,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
   PuzzlePieceIcon,
   QrCodeIcon,
   ReceiptCheckIcon,
@@ -3750,5 +4131,8 @@ var XCloseIcon = (0, import_react80.forwardRef)(
   VolumeMaxIcon,
   VolumeXIcon,
   XCircleIcon,
-  XCloseIcon
+  XCloseIcon,
+  buttonSizes,
+  buttonVariants,
+  iconButtonSizes
 });