@snapcall/design-system 1.20.0 → 1.21.0

package/dist/components/MediaCard/index.mjs

@@ -0,0 +1,324 @@
+import {
+  Avatar
+} from "../../chunk-IO5BLXCA.mjs";
+import {
+  SpinnerIcon
+} from "../../chunk-N65I4EXR.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues,
+  cn
+} from "../../chunk-BOWIL6WZ.mjs";
+
+// src/components/MediaCard/MediaCard.tsx
+import { cloneElement } from "react";
+
+// src/icons/image1.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Image1Icon = forwardRef(
+  function Image1Icon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsxs("g", { opacity: "0.12", children: [
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M6.36574 19.6343L14.8687 11.1314C15.2647 10.7354 15.4627 10.5373 15.691 10.4632C15.8919 10.3979 16.1082 10.3979 16.3091 10.4632C16.5374 10.5373 16.7354 10.7354 17.1314 11.1314L21 15V16.2C21 17.8802 21 18.7202 20.6731 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7203 21 17.8802 21 16.2 21H6.93142C6.3256 21 6.0227 21 5.88243 20.8802C5.76073 20.7763 5.69614 20.6203 5.7087 20.4608C5.72317 20.2769 5.93736 20.0627 6.36574 19.6343Z",
+                fill: "currentColor"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M8.50005 10.5C9.60462 10.5 10.5 9.60457 10.5 8.5C10.5 7.39543 9.60462 6.5 8.50005 6.5C7.39548 6.5 6.50005 7.39543 6.50005 8.5C6.50005 9.60457 7.39548 10.5 8.50005 10.5Z",
+                fill: "currentColor"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M16.2 21H6.93137C6.32555 21 6.02265 21 5.88238 20.8802C5.76068 20.7763 5.69609 20.6203 5.70865 20.4608C5.72312 20.2769 5.93731 20.0627 6.36569 19.6343L14.8686 11.1314C15.2646 10.7354 15.4627 10.5373 15.691 10.4632C15.8918 10.3979 16.1082 10.3979 16.309 10.4632C16.5373 10.5373 16.7354 10.7354 17.1314 11.1314L21 15V16.2M16.2 21C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2M16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2M10.5 8.5C10.5 9.60457 9.60457 10.5 8.5 10.5C7.39543 10.5 6.5 9.60457 6.5 8.5C6.5 7.39543 7.39543 6.5 8.5 6.5C9.60457 6.5 10.5 7.39543 10.5 8.5Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/play.tsx
+import { forwardRef as forwardRef2 } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var PlayIcon = forwardRef2(function PlayIcon2(_a, ref) {
+  var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+  return /* @__PURE__ */ jsxs2(
+    "svg",
+    __spreadProps(__spreadValues({
+      ref,
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, other), {
+      children: [
+        duotone && /* @__PURE__ */ jsx2(
+          "path",
+          {
+            opacity: "0.12",
+            d: "M5 4.98951C5 4.01835 5 3.53277 5.20249 3.2651C5.37889 3.03191 5.64852 2.88761 5.9404 2.87018C6.27544 2.85017 6.67946 3.11953 7.48752 3.65823L18.0031 10.6686C18.6708 11.1137 19.0046 11.3363 19.1209 11.6168C19.2227 11.8621 19.2227 12.1377 19.1209 12.383C19.0046 12.6635 18.6708 12.886 18.0031 13.3312L7.48752 20.3415C6.67946 20.8802 6.27544 21.1496 5.9404 21.1296C5.64852 21.1122 5.37889 20.9679 5.20249 20.7347C5 20.467 5 19.9814 5 19.0103V4.98951Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          "path",
+          {
+            d: "M5 4.98951C5 4.01835 5 3.53277 5.20249 3.2651C5.37889 3.03191 5.64852 2.88761 5.9404 2.87018C6.27544 2.85017 6.67946 3.11953 7.48752 3.65823L18.0031 10.6686C18.6708 11.1137 19.0046 11.3363 19.1209 11.6168C19.2227 11.8621 19.2227 12.1377 19.1209 12.383C19.0046 12.6635 18.6708 12.886 18.0031 13.3312L7.48752 20.3415C6.67946 20.8802 6.27544 21.1496 5.9404 21.1296C5.64852 21.1122 5.37889 20.9679 5.20249 20.7347C5 20.467 5 19.9814 5 19.0103V4.98951Z",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    })
+  );
+});
+
+// src/icons/recording2.tsx
+import { forwardRef as forwardRef3 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Recording2Icon = forwardRef3(
+  function Recording2Icon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
+    return /* @__PURE__ */ jsx3(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ jsx3(
+          "path",
+          {
+            d: "M3 10L3 14M7.5 11V13M12 6V18M16.5 3V21M21 10V14",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
+// src/icons/videoRecorder.tsx
+import { forwardRef as forwardRef4 } from "react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var VideoRecorderIcon = forwardRef4(
+  function VideoRecorderIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ jsxs3(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ jsx4(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M2 9.8C2 8.11984 2 7.27976 2.32698 6.63803C2.6146 6.07354 3.07354 5.6146 3.63803 5.32698C4.27976 5 5.11984 5 6.8 5H12.2C13.8802 5 14.7202 5 15.362 5.32698C15.9265 5.6146 16.3854 6.07354 16.673 6.63803C17 7.27976 17 8.11984 17 9.8V14.2C17 15.8802 17 16.7202 16.673 17.362C16.3854 17.9265 15.9265 18.3854 15.362 18.673C14.7202 19 13.8802 19 12.2 19H6.8C5.11984 19 4.27976 19 3.63803 18.673C3.07354 18.3854 2.6146 17.9265 2.32698 17.362C2 16.7202 2 15.8802 2 14.2V9.8Z",
+              fill: "currentColor",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ jsx4(
+            "path",
+            {
+              d: "M22 8.93137C22 8.32555 22 8.02265 21.8802 7.88238C21.7763 7.76068 21.6203 7.69609 21.4608 7.70865C21.2769 7.72312 21.0627 7.93731 20.6343 8.36569L17 12L20.6343 15.6343C21.0627 16.0627 21.2769 16.2769 21.4608 16.2914C21.6203 16.3039 21.7763 16.2393 21.8802 16.1176C22 15.9774 22 15.6744 22 15.0686V8.93137Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ jsx4(
+            "path",
+            {
+              d: "M2 9.8C2 8.11984 2 7.27976 2.32698 6.63803C2.6146 6.07354 3.07354 5.6146 3.63803 5.32698C4.27976 5 5.11984 5 6.8 5H12.2C13.8802 5 14.7202 5 15.362 5.32698C15.9265 5.6146 16.3854 6.07354 16.673 6.63803C17 7.27976 17 8.11984 17 9.8V14.2C17 15.8802 17 16.7202 16.673 17.362C16.3854 17.9265 15.9265 18.3854 15.362 18.673C14.7202 19 13.8802 19 12.2 19H6.8C5.11984 19 4.27976 19 3.63803 18.673C3.07354 18.3854 2.6146 17.9265 2.32698 17.362C2 16.7202 2 15.8802 2 14.2V9.8Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/components/MediaCard/utils.ts
+var secondsToDuration = (seconds) => {
+  const hours = Math.floor(seconds / (60 * 60));
+  const minutes = Math.floor(seconds / 60) % 60;
+  const leftoverSeconds = seconds % 60;
+  const hoursText = hours ? `${hours}:` : "";
+  const minutesText = minutes ? `${minutes}:` : "0:";
+  const secondsText = leftoverSeconds < 10 ? `0${leftoverSeconds}` : `${leftoverSeconds}`;
+  return `${hoursText}${minutesText}${secondsText}`;
+};
+
+// src/components/MediaCard/MediaCard.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var typesIcons = {
+  audio: /* @__PURE__ */ jsx5(Recording2Icon, {}),
+  video: /* @__PURE__ */ jsx5(VideoRecorderIcon, { duotone: true }),
+  image: /* @__PURE__ */ jsx5(Image1Icon, { duotone: true })
+};
+var MediaCard = (_a) => {
+  var _b = _a, {
+    title,
+    description,
+    duration,
+    type,
+    image,
+    action,
+    actionBehavior = "default",
+    isLoading,
+    size,
+    className
+  } = _b, otherProps = __objRest(_b, [
+    "title",
+    "description",
+    "duration",
+    "type",
+    "image",
+    "action",
+    "actionBehavior",
+    "isLoading",
+    "size",
+    "className"
+  ]);
+  const thumbnail = /* @__PURE__ */ jsx5(
+    "div",
+    __spreadProps(__spreadValues({}, otherProps), {
+      className: cn(
+        "flex-1 min-h-0 bg-gray-50 relative",
+        {
+          "aspect-square rounded-md": size === "medium" || size === "small"
+        },
+        className
+      ),
+      children: /* @__PURE__ */ jsxs4("div", { className: "flex justify-center items-center w-full h-full rounded-[inherit] overflow-hidden relative", children: [
+        /* @__PURE__ */ jsx5(
+          "div",
+          {
+            className: cn(
+              "absolute w-full h-full",
+              size === "large" ? "p-2" : "p-1"
+            ),
+            children: /* @__PURE__ */ jsxs4("div", { className: "relative w-full h-full flex justify-center items-center", children: [
+              duration && size === "large" && /* @__PURE__ */ jsx5("div", { className: "absolute bottom-0 left-0", children: /* @__PURE__ */ jsx5("p", { className: "px-1 py-0.5 bg-black/50 dark:bg-white/50 rounded text-xs text-white dark:text-black font-medium truncate", children: secondsToDuration(duration) }) }),
+              size !== "small" && /* @__PURE__ */ jsx5("div", { className: "absolute bottom-0 right-0", children: /* @__PURE__ */ jsx5(Avatar, { size: size === "large" ? "sm" : "xs", name: "Avatar" }) }),
+              type === "video" && image && /* @__PURE__ */ jsx5(
+                PlayIcon,
+                {
+                  size: size === "large" ? 24 : size === "medium" ? 18 : 12,
+                  className: "text-white fill-white dark:text-black dark:fill-black"
+                }
+              )
+            ] })
+          }
+        ),
+        typeof image === "string" ? /* @__PURE__ */ jsx5("img", { className: "w-full h-full object-cover", src: image }) : image ? image : cloneElement(typesIcons[type], {
+          className: "text-gray-900 self-center",
+          size: size === "large" ? 24 : size === "medium" ? 18 : 16
+        })
+      ] })
+    })
+  );
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      className: cn(
+        "flex flex-col bg-white border border-gray-200 divide-y divide-gray-200 rounded-lg shadow-sm group/mediacard",
+        "hover:bg-gray-25 active:bg-gray-50 overflow-hidden",
+        {
+          "opacity-40": isLoading,
+          "w-[232px] h-[184px]": size === "large",
+          "w-[240px] h-[72px]": size === "medium",
+          "w-[240px] h-[52px]": size === "small"
+        }
+      ),
+      children: [
+        size === "large" && thumbnail,
+        /* @__PURE__ */ jsxs4(
+          "div",
+          {
+            className: cn("flex gap-4", {
+              "p-3": size === "large",
+              "py-2 pl-2 pr-3.5 h-full": size === "medium" || size === "small"
+            }),
+            children: [
+              size !== "large" && thumbnail,
+              /* @__PURE__ */ jsxs4("div", { className: "flex gap-2 items-center w-full", children: [
+                /* @__PURE__ */ jsxs4("div", { className: "flex-1 flex flex-col gap-0.5 min-w-0", children: [
+                  /* @__PURE__ */ jsx5("p", { className: "text-black text-sm font-medium truncate", children: title }),
+                  /* @__PURE__ */ jsx5("p", { className: "text-xs text-gray-900 truncate", children: description })
+                ] }),
+                isLoading ? /* @__PURE__ */ jsx5(SpinnerIcon, { size: 24, className: "text-blue-700 animate-spin" }) : /* @__PURE__ */ jsx5(
+                  "div",
+                  {
+                    className: cn({
+                      "invisible group-hover/mediacard:visible group-focus-within/mediacard:visible": actionBehavior === "hover"
+                    }),
+                    children: action
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+MediaCard.displayName = "MediaCard";
+export {
+  MediaCard
+};

package/dist/components/Pagination/index.mjs

@@ -6,7 +6,8 @@ import {
 } from "../../chunk-M7XGO7VL.mjs";
 import {
   Button
-} from "../../chunk-O46NQFTB.mjs";
+} from "../../chunk-XI3KELZM.mjs";
+import "../../chunk-N65I4EXR.mjs";
 import {
   __objRest,
   __spreadProps,

package/dist/components/Sheet/index.mjs

@@ -3,7 +3,8 @@ import {
 } from "../../chunk-FMJFBQTF.mjs";
 import {
   Button
-} from "../../chunk-O46NQFTB.mjs";
+} from "../../chunk-XI3KELZM.mjs";
+import "../../chunk-N65I4EXR.mjs";
 import {
   __objRest,
   __spreadProps,

package/dist/components/Toaster/index.mjs

@@ -3,7 +3,8 @@ import {
 } from "../../chunk-FMJFBQTF.mjs";
 import {
   Button
-} from "../../chunk-O46NQFTB.mjs";
+} from "../../chunk-XI3KELZM.mjs";
+import "../../chunk-N65I4EXR.mjs";
 import {
   __objRest,
   __spreadProps,

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import react__default from 'react';
+import react__default, { HTMLAttributes } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { I as IconProps } from './types-DBpSTFQy.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -599,6 +599,25 @@ declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttri
 
 declare const Label: react.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & react.RefAttributes<HTMLLabelElement>, "ref"> & react.RefAttributes<HTMLLabelElement>>;
 
+declare const Link: react.ForwardRefExoticComponent<Omit<react.HTMLProps<HTMLAnchorElement>, "ref"> & react.RefAttributes<HTMLAnchorElement>>;
+
+type MediaCardProps = {
+    title: string;
+    description?: string;
+    duration?: number;
+    type: 'audio' | 'video' | 'image';
+    image?: string | JSX.Element;
+    action?: JSX.Element;
+    actionBehavior?: 'default' | 'hover';
+    moderationStatus?: 'processing' | 'flagged' | 'safe' | null;
+    isLoading?: boolean;
+    size: 'small' | 'medium' | 'large';
+} & HTMLAttributes<HTMLDivElement>;
+declare const MediaCard: {
+    ({ title, description, duration, type, image, action, actionBehavior, isLoading, size, className, ...otherProps }: MediaCardProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 declare enum PaginationPageChoice {
     FIRST = "FIRST",
     PREVIOUS = "PREVIOUS",
@@ -915,4 +934,4 @@ declare const Tooltip: react.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: react.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>;
 declare const TooltipContent: react.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, type BadgeProps, Button, type ButtonProps, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CreatableSelect, type CreatableSelectProps, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterButton, Input, Label, Pagination, PaginationPageChoice, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, RawToast, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Switch, Table, TableBody, TableCell, TableEmpty, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastContent, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonSizes, buttonVariants, iconButtonSizes, toast, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, type BadgeProps, Button, type ButtonProps, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CreatableSelect, type CreatableSelectProps, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterButton, Input, Label, Link, MediaCard, Pagination, PaginationPageChoice, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, RawToast, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Switch, Table, TableBody, TableCell, TableEmpty, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastContent, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonSizes, buttonVariants, iconButtonSizes, toast, useToast };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import react__default from 'react';
+import react__default, { HTMLAttributes } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { I as IconProps } from './types-DBpSTFQy.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -599,6 +599,25 @@ declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttri
 
 declare const Label: react.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & react.RefAttributes<HTMLLabelElement>, "ref"> & react.RefAttributes<HTMLLabelElement>>;
 
+declare const Link: react.ForwardRefExoticComponent<Omit<react.HTMLProps<HTMLAnchorElement>, "ref"> & react.RefAttributes<HTMLAnchorElement>>;
+
+type MediaCardProps = {
+    title: string;
+    description?: string;
+    duration?: number;
+    type: 'audio' | 'video' | 'image';
+    image?: string | JSX.Element;
+    action?: JSX.Element;
+    actionBehavior?: 'default' | 'hover';
+    moderationStatus?: 'processing' | 'flagged' | 'safe' | null;
+    isLoading?: boolean;
+    size: 'small' | 'medium' | 'large';
+} & HTMLAttributes<HTMLDivElement>;
+declare const MediaCard: {
+    ({ title, description, duration, type, image, action, actionBehavior, isLoading, size, className, ...otherProps }: MediaCardProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 declare enum PaginationPageChoice {
     FIRST = "FIRST",
     PREVIOUS = "PREVIOUS",
@@ -915,4 +934,4 @@ declare const Tooltip: react.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: react.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>;
 declare const TooltipContent: react.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, type BadgeProps, Button, type ButtonProps, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CreatableSelect, type CreatableSelectProps, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterButton, Input, Label, Pagination, PaginationPageChoice, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, RawToast, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Switch, Table, TableBody, TableCell, TableEmpty, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastContent, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonSizes, buttonVariants, iconButtonSizes, toast, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, type BadgeProps, Button, type ButtonProps, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CreatableSelect, type CreatableSelectProps, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterButton, Input, Label, Link, MediaCard, Pagination, PaginationPageChoice, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, RawToast, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Switch, Table, TableBody, TableCell, TableEmpty, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastContent, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonSizes, buttonVariants, iconButtonSizes, toast, useToast };

package/dist/index.js

@@ -29,6 +29,8 @@ __reExport(src_exports, require("./components/DropdownMenu"), module.exports);
 __reExport(src_exports, require("./components/FilterButton"), module.exports);
 __reExport(src_exports, require("./components/Input"), module.exports);
 __reExport(src_exports, require("./components/Label"), module.exports);
+__reExport(src_exports, require("./components/Link"), module.exports);
+__reExport(src_exports, require("./components/MediaCard"), module.exports);
 __reExport(src_exports, require("./components/Pagination"), module.exports);
 __reExport(src_exports, require("./components/Popover"), module.exports);
 __reExport(src_exports, require("./components/RadioGroup"), module.exports);
@@ -58,6 +60,8 @@ __reExport(src_exports, require("./components/Tooltip"), module.exports);
   ...require("./components/FilterButton"),
   ...require("./components/Input"),
   ...require("./components/Label"),
+  ...require("./components/Link"),
+  ...require("./components/MediaCard"),
   ...require("./components/Pagination"),
   ...require("./components/Popover"),
   ...require("./components/RadioGroup"),

package/dist/index.mjs

@@ -12,6 +12,8 @@ export * from "./components/DropdownMenu";
 export * from "./components/FilterButton";
 export * from "./components/Input";
 export * from "./components/Label";
+export * from "./components/Link";
+export * from "./components/MediaCard";
 export * from "./components/Pagination";
 export * from "./components/Popover";
 export * from "./components/RadioGroup";