@iclips/ui 0.0.19 → 1.0.1

package/dist/index.cjs

@@ -912,6 +912,19 @@ function CardDescription({ className, ...props }) {
     }
   );
 }
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: cn(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
 function CardContent({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -1749,7 +1762,6 @@ function Calendar2({
         caption_label: "text-sm font-medium",
         nav: "flex items-center gap-1",
         nav_button: cn(
-          buttonVariants({ variant: "outline" }),
           "size-7 bg-transparent p-0 opacity-50 hover:opacity-100"
         ),
         nav_button_previous: "absolute left-1",
@@ -1763,7 +1775,6 @@ function Calendar2({
           props.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"
         ),
         day: cn(
-          buttonVariants({ variant: "ghost" }),
           "size-8 p-0 font-normal aria-selected:opacity-100"
         ),
         day_range_start: "day-range-start aria-selected:bg-primary aria-selected:text-primary-foreground",
@@ -4887,12 +4898,16 @@ function useIsMobile() {
   }, []);
   return !!isMobile;
 }
-function Skeleton({ className, ...props }) {
+function Skeleton({ className, variant = "pulse", ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       "data-slot": "skeleton",
-      className: cn("bg-accent animate-pulse rounded-md", className),
+      className: cn(
+        "rounded-md",
+        variant === "shimmer" ? "skeleton-shimmer" : "bg-accent animate-pulse",
+        className
+      ),
       ...props
     }
   );
@@ -5963,6 +5978,162 @@ function ToggleGroupItem({
     }
   );
 }
+var sizeClasses = {
+  sm: "w-24 h-24",
+  md: "w-32 h-32",
+  lg: "w-48 h-48"
+};
+function EmptyInboxIllustration({
+  className,
+  size = "md",
+  primaryColor = "var(--purple-500)",
+  secondaryColor = "var(--purple-100)"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      className: cn(sizeClasses[size], className),
+      viewBox: "0 0 120 120",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "60", cy: "60", r: "55", fill: secondaryColor, opacity: "0.5" }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "30", y: "45", width: "60", height: "40", rx: "4", fill: primaryColor, opacity: "0.2" }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "30", y: "45", width: "60", height: "15", rx: "4", fill: primaryColor }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M35 60 L60 75 L85 60", stroke: primaryColor, strokeWidth: "3", fill: "none" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "25", cy: "35", r: "3", fill: primaryColor, opacity: "0.6" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "95", cy: "40", r: "2", fill: primaryColor, opacity: "0.4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "100", cy: "70", r: "2.5", fill: primaryColor, opacity: "0.5" })
+      ]
+    }
+  );
+}
+function EmptySearchIllustration({
+  className,
+  size = "md",
+  primaryColor = "var(--purple-500)",
+  secondaryColor = "var(--purple-100)"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      className: cn(sizeClasses[size], className),
+      viewBox: "0 0 120 120",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "60", cy: "60", r: "55", fill: secondaryColor, opacity: "0.5" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "52", cy: "52", r: "22", stroke: primaryColor, strokeWidth: "4", fill: "none" }),
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "68", y1: "68", x2: "88", y2: "88", stroke: primaryColor, strokeWidth: "4", strokeLinecap: "round" }),
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "45", y1: "45", x2: "59", y2: "59", stroke: primaryColor, strokeWidth: "3", strokeLinecap: "round", opacity: "0.6" }),
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "59", y1: "45", x2: "45", y2: "59", stroke: primaryColor, strokeWidth: "3", strokeLinecap: "round", opacity: "0.6" })
+      ]
+    }
+  );
+}
+function EmptyProjectsIllustration({
+  className,
+  size = "md",
+  primaryColor = "var(--purple-500)",
+  secondaryColor = "var(--purple-100)"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      className: cn(sizeClasses[size], className),
+      viewBox: "0 0 120 120",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "60", cy: "60", r: "55", fill: secondaryColor, opacity: "0.5" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M25 40 L25 85 L95 85 L95 45 L55 45 L50 40 Z", fill: primaryColor, opacity: "0.3" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M25 50 L25 85 L95 85 L95 50 Z", fill: primaryColor, opacity: "0.6" }),
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "60", y1: "60", x2: "60", y2: "76", stroke: "white", strokeWidth: "3", strokeLinecap: "round" }),
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "52", y1: "68", x2: "68", y2: "68", stroke: "white", strokeWidth: "3", strokeLinecap: "round" })
+      ]
+    }
+  );
+}
+function EmptyCalendarIllustration({
+  className,
+  size = "md",
+  primaryColor = "var(--purple-500)",
+  secondaryColor = "var(--purple-100)"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      className: cn(sizeClasses[size], className),
+      viewBox: "0 0 120 120",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "60", cy: "60", r: "55", fill: secondaryColor, opacity: "0.5" }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "28", y: "35", width: "64", height: "55", rx: "4", fill: primaryColor, opacity: "0.2" }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "28", y: "35", width: "64", height: "15", rx: "4", fill: primaryColor }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "40", y: "30", width: "4", height: "12", rx: "2", fill: primaryColor }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "76", y: "30", width: "4", height: "12", rx: "2", fill: primaryColor }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "45", cy: "62", r: "3", fill: primaryColor, opacity: "0.3" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "60", cy: "62", r: "3", fill: primaryColor, opacity: "0.3" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "75", cy: "62", r: "3", fill: primaryColor, opacity: "0.3" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "45", cy: "77", r: "3", fill: primaryColor, opacity: "0.3" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "60", cy: "77", r: "3", fill: primaryColor, opacity: "0.3" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "75", cy: "77", r: "3", fill: primaryColor, opacity: "0.3" })
+      ]
+    }
+  );
+}
+function ErrorStateIllustration({
+  className,
+  size = "md",
+  primaryColor = "var(--red-500)",
+  secondaryColor = "var(--red-100)"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      className: cn(sizeClasses[size], className),
+      viewBox: "0 0 120 120",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "60", cy: "60", r: "55", fill: secondaryColor, opacity: "0.5" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M60 30 L90 80 L30 80 Z", fill: primaryColor, opacity: "0.2", stroke: primaryColor, strokeWidth: "3" }),
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "60", y1: "48", x2: "60", y2: "62", stroke: primaryColor, strokeWidth: "4", strokeLinecap: "round" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "60", cy: "70", r: "2.5", fill: primaryColor })
+      ]
+    }
+  );
+}
+function SuccessStateIllustration({
+  className,
+  size = "md",
+  primaryColor = "var(--green-500)",
+  secondaryColor = "var(--green-100)"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      className: cn(sizeClasses[size], className),
+      viewBox: "0 0 120 120",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "60", cy: "60", r: "55", fill: secondaryColor, opacity: "0.5" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "60", cy: "60", r: "30", fill: primaryColor, opacity: "0.2", stroke: primaryColor, strokeWidth: "3" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M45 60 L55 70 L75 50", stroke: primaryColor, strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })
+      ]
+    }
+  );
+}
+var Illustrations = {
+  EmptyInbox: EmptyInboxIllustration,
+  EmptySearch: EmptySearchIllustration,
+  EmptyProjects: EmptyProjectsIllustration,
+  EmptyCalendar: EmptyCalendarIllustration,
+  ErrorState: ErrorStateIllustration,
+  SuccessState: SuccessStateIllustration
+};
 function ProposalTemplate({
   data,
   showPreview = false,
@@ -6131,6 +6302,10 @@ function ProposalTemplate({
   );
 }
 
+Object.defineProperty(exports, "toast", {
+  enumerable: true,
+  get: function () { return sonner.toast; }
+});
 exports.Accordion = Accordion;
 exports.AccordionContent = AccordionContent;
 exports.AccordionItem = AccordionItem;
@@ -6163,6 +6338,7 @@ exports.BreadcrumbSeparator = BreadcrumbSeparator;
 exports.Button = Button;
 exports.Calendar = Calendar2;
 exports.Card = Card;
+exports.CardAction = CardAction;
 exports.CardContent = CardContent;
 exports.CardDescription = CardDescription;
 exports.CardFooter = CardFooter;
@@ -6243,6 +6419,11 @@ exports.DropdownMenuSub = DropdownMenuSub;
 exports.DropdownMenuSubContent = DropdownMenuSubContent;
 exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.EmptyCalendarIllustration = EmptyCalendarIllustration;
+exports.EmptyInboxIllustration = EmptyInboxIllustration;
+exports.EmptyProjectsIllustration = EmptyProjectsIllustration;
+exports.EmptySearchIllustration = EmptySearchIllustration;
+exports.ErrorStateIllustration = ErrorStateIllustration;
 exports.Form = Form;
 exports.FormControl = FormControl;
 exports.FormDescription = FormDescription;
@@ -6253,6 +6434,7 @@ exports.FormMessage = FormMessage;
 exports.HoverCard = HoverCard;
 exports.HoverCardContent = HoverCardContent;
 exports.HoverCardTrigger = HoverCardTrigger;
+exports.Illustrations = Illustrations;
 exports.ImageWithFallback = ImageWithFallback;
 exports.Input = Input;
 exports.InputOTP = InputOTP;
@@ -6350,6 +6532,7 @@ exports.SidebarTrigger = SidebarTrigger;
 exports.Skeleton = Skeleton;
 exports.Slider = Slider;
 exports.Sonner = Toaster;
+exports.SuccessStateIllustration = SuccessStateIllustration;
 exports.Switch = Switch;
 exports.Table = Table;
 exports.TableBody = TableBody;