@arcadeai/design-system 1.0.1 → 1.2.0

package/dist/components/ui/atoms/index.js

@@ -1,47 +1,51 @@
-import { Accordion as o, AccordionContent as t, AccordionItem as a, AccordionTrigger as n } from "./accordion.js";
-import { Alert as l, AlertDescription as d, AlertTitle as p } from "./alert.js";
-import { Avatar as S, AvatarFallback as b, AvatarImage as u } from "./avatar.js";
+import { Accordion as r, AccordionContent as t, AccordionItem as a, AccordionTrigger as n } from "./accordion.js";
+import { Alert as l, AlertDescription as p, AlertTitle as d } from "./alert.js";
+import { Avatar as b, AvatarFallback as S, AvatarImage as u } from "./avatar.js";
 import { Badge as g, badgeVariants as c } from "./badge.js";
-import { Breadcrumb as T, BreadcrumbEllipsis as f, BreadcrumbItem as s, BreadcrumbLink as D, BreadcrumbList as M, BreadcrumbPage as h, BreadcrumbSeparator as w } from "./breadcrumb.js";
-import { Button as B, buttonVariants as I } from "./button.js";
-import { Card as v, CardAction as P, CardContent as G, CardDescription as L, CardFooter as H, CardHeader as R, CardTitle as k } from "./card.js";
-import { ChartContainer as V, ChartLegend as z, ChartLegendContent as E, ChartStyle as O, ChartTooltip as U, ChartTooltipContent as j } from "./chart.js";
-import { Collapsible as J, CollapsibleContent as K, CollapsibleTrigger as N } from "./collapsible.js";
-import { Command as W, CommandDialog as X, CommandEmpty as Y, CommandGroup as Z, CommandInput as _, CommandItem as $, CommandList as ee, CommandSeparator as re, CommandShortcut as oe } from "./command.js";
-import { Dialog as ae, DialogClose as ne, DialogContent as ie, DialogDescription as le, DialogFooter as de, DialogHeader as pe, DialogOverlay as me, DialogPortal as Se, DialogTitle as be, DialogTrigger as ue } from "./dialog.js";
-import { DropdownMenu as ge, DropdownMenuCheckboxItem as ce, DropdownMenuContent as xe, DropdownMenuGroup as Te, DropdownMenuItem as fe, DropdownMenuLabel as se, DropdownMenuPortal as De, DropdownMenuRadioGroup as Me, DropdownMenuRadioItem as he, DropdownMenuSeparator as we, DropdownMenuShortcut as Fe, DropdownMenuSub as Be, DropdownMenuSubContent as Ie, DropdownMenuSubTrigger as Ae, DropdownMenuTrigger as ve } from "./dropdown-menu.js";
-import { Form as Ge, FormControl as Le, FormDescription as He, FormField as Re, FormItem as ke, FormLabel as ye, FormMessage as Ve, useFormField as ze } from "./form.js";
-import { HoverCard as Oe, HoverCardContent as Ue, HoverCardTrigger as je } from "./hover-card.js";
-import { Input as Je } from "./input.js";
-import { Label as Ne } from "./label.js";
-import { Popover as We, PopoverAnchor as Xe, PopoverContent as Ye, PopoverTrigger as Ze } from "./popover.js";
-import { Progress as $e } from "./progress.js";
-import { RadioGroup as rr, RadioGroupItem as or } from "./radio-group.js";
-import { ResizableHandle as ar, ResizablePanel as nr, ResizablePanelGroup as ir } from "./resizable.js";
-import { ScrollArea as dr, ScrollBar as pr } from "./scroll-area.js";
-import { Select as Sr, SelectContent as br, SelectGroup as ur, SelectItem as Cr, SelectLabel as gr, SelectScrollDownButton as cr, SelectScrollUpButton as xr, SelectSeparator as Tr, SelectTrigger as fr, SelectValue as sr } from "./select.js";
-import { Separator as Mr } from "./separator.js";
-import { Sheet as wr, SheetClose as Fr, SheetContent as Br, SheetDescription as Ir, SheetFooter as Ar, SheetHeader as vr, SheetTitle as Pr, SheetTrigger as Gr } from "./sheet.js";
-import { Sidebar as Hr, SidebarContent as Rr, SidebarFooter as kr, SidebarGroup as yr, SidebarGroupAction as Vr, SidebarGroupContent as zr, SidebarGroupLabel as Er, SidebarHeader as Or, SidebarInput as Ur, SidebarInset as jr, SidebarMenu as qr, SidebarMenuAction as Jr, SidebarMenuBadge as Kr, SidebarMenuButton as Nr, SidebarMenuItem as Qr, SidebarMenuSkeleton as Wr, SidebarMenuSub as Xr, SidebarMenuSubButton as Yr, SidebarMenuSubItem as Zr, SidebarProvider as _r, SidebarRail as $r, SidebarSeparator as eo, SidebarTrigger as ro, useSidebar as oo } from "./sidebar.js";
-import { Skeleton as ao } from "./skeleton.js";
-import { Slider as io } from "./slider.js";
-import { Switch as po } from "./switch.js";
-import { Table as So, TableBody as bo, TableCaption as uo, TableCell as Co, TableFooter as go, TableHead as co, TableHeader as xo, TableRow as To } from "./table.js";
-import { Tabs as so, TabsContent as Do, TabsList as Mo, TabsTrigger as ho } from "./tabs.js";
-import { Textarea as Fo } from "./textarea.js";
-import { Toggle as Io, toggleVariants as Ao } from "./toggle.js";
-import { Tooltip as Po, TooltipContent as Go, TooltipProvider as Lo, TooltipTrigger as Ho } from "./tooltip.js";
-import { useFormContext as ko } from "react-hook-form";
+import { Breadcrumb as T, BreadcrumbEllipsis as f, BreadcrumbItem as s, BreadcrumbLink as D, BreadcrumbList as M, BreadcrumbPage as h, BreadcrumbSeparator as B } from "./breadcrumb.js";
+import { Button as F, buttonVariants as I } from "./button.js";
+import { ByocBadge as v } from "./byoc-badge.js";
+import { Card as G, CardAction as L, CardContent as H, CardDescription as R, CardFooter as k, CardHeader as y, CardTitle as V } from "./card.js";
+import { ChartContainer as E, ChartLegend as O, ChartLegendContent as U, ChartStyle as j, ChartTooltip as q, ChartTooltipContent as J } from "./chart.js";
+import { Checkbox as N } from "./checkbox.js";
+import { Collapsible as W, CollapsibleContent as X, CollapsibleTrigger as Y } from "./collapsible.js";
+import { Command as _, CommandDialog as $, CommandEmpty as ee, CommandGroup as oe, CommandInput as re, CommandItem as te, CommandList as ae, CommandSeparator as ne, CommandShortcut as ie } from "./command.js";
+import { Dialog as pe, DialogClose as de, DialogContent as me, DialogDescription as be, DialogFooter as Se, DialogHeader as ue, DialogOverlay as Ce, DialogPortal as ge, DialogTitle as ce, DialogTrigger as xe } from "./dialog.js";
+import { DropdownMenu as fe, DropdownMenuCheckboxItem as se, DropdownMenuContent as De, DropdownMenuGroup as Me, DropdownMenuItem as he, DropdownMenuLabel as Be, DropdownMenuPortal as we, DropdownMenuRadioGroup as Fe, DropdownMenuRadioItem as Ie, DropdownMenuSeparator as Ae, DropdownMenuShortcut as ve, DropdownMenuSub as Pe, DropdownMenuSubContent as Ge, DropdownMenuSubTrigger as Le, DropdownMenuTrigger as He } from "./dropdown-menu.js";
+import { Form as ke, FormControl as ye, FormDescription as Ve, FormField as ze, FormItem as Ee, FormLabel as Oe, FormMessage as Ue, useFormField as je } from "./form.js";
+import { HoverCard as Je, HoverCardContent as Ke, HoverCardTrigger as Ne } from "./hover-card.js";
+import { Input as We } from "./input.js";
+import { Label as Ye } from "./label.js";
+import { MobileTooltip as _e, MobileTooltipContent as $e, MobileTooltipProvider as eo, MobileTooltipTrigger as oo } from "./mobile-tooltip.js";
+import { Popover as to, PopoverAnchor as ao, PopoverContent as no, PopoverTrigger as io } from "./popover.js";
+import { ProBadge as po } from "./pro-badge.js";
+import { Progress as bo } from "./progress.js";
+import { RadioGroup as uo, RadioGroupItem as Co } from "./radio-group.js";
+import { ResizableHandle as co, ResizablePanel as xo, ResizablePanelGroup as To } from "./resizable.js";
+import { ScrollArea as so, ScrollBar as Do } from "./scroll-area.js";
+import { Select as ho, SelectContent as Bo, SelectGroup as wo, SelectItem as Fo, SelectLabel as Io, SelectScrollDownButton as Ao, SelectScrollUpButton as vo, SelectSeparator as Po, SelectTrigger as Go, SelectValue as Lo } from "./select.js";
+import { Separator as Ro } from "./separator.js";
+import { Sheet as yo, SheetClose as Vo, SheetContent as zo, SheetDescription as Eo, SheetFooter as Oo, SheetHeader as Uo, SheetTitle as jo, SheetTrigger as qo } from "./sheet.js";
+import { Sidebar as Ko, SidebarContent as No, SidebarFooter as Qo, SidebarGroup as Wo, SidebarGroupAction as Xo, SidebarGroupContent as Yo, SidebarGroupLabel as Zo, SidebarHeader as _o, SidebarInput as $o, SidebarInset as er, SidebarMenu as or, SidebarMenuAction as rr, SidebarMenuBadge as tr, SidebarMenuButton as ar, SidebarMenuItem as nr, SidebarMenuSkeleton as ir, SidebarMenuSub as lr, SidebarMenuSubButton as pr, SidebarMenuSubItem as dr, SidebarProvider as mr, SidebarRail as br, SidebarSeparator as Sr, SidebarTrigger as ur, useSidebar as Cr } from "./sidebar.js";
+import { Skeleton as cr } from "./skeleton.js";
+import { Slider as Tr } from "./slider.js";
+import { Switch as sr } from "./switch.js";
+import { Table as Mr, TableBody as hr, TableCaption as Br, TableCell as wr, TableFooter as Fr, TableHead as Ir, TableHeader as Ar, TableRow as vr } from "./table.js";
+import { Tabs as Gr, TabsContent as Lr, TabsList as Hr, TabsTrigger as Rr } from "./tabs.js";
+import { Textarea as yr } from "./textarea.js";
+import { Toggle as zr, toggleVariants as Er } from "./toggle.js";
+import { Tooltip as Ur, TooltipContent as jr, TooltipProvider as qr, TooltipTrigger as Jr } from "./tooltip.js";
+import { useFormContext as Nr } from "react-hook-form";
 export {
-  o as Accordion,
+  r as Accordion,
   t as AccordionContent,
   a as AccordionItem,
   n as AccordionTrigger,
   l as Alert,
-  d as AlertDescription,
-  p as AlertTitle,
-  S as Avatar,
-  b as AvatarFallback,
+  p as AlertDescription,
+  d as AlertTitle,
+  b as Avatar,
+  S as AvatarFallback,
   u as AvatarImage,
   g as Badge,
   T as Breadcrumb,
@@ -50,149 +54,156 @@ export {
   D as BreadcrumbLink,
   M as BreadcrumbList,
   h as BreadcrumbPage,
-  w as BreadcrumbSeparator,
-  B as Button,
-  v as Card,
-  P as CardAction,
-  G as CardContent,
-  L as CardDescription,
-  H as CardFooter,
-  R as CardHeader,
-  k as CardTitle,
-  V as ChartContainer,
-  z as ChartLegend,
-  E as ChartLegendContent,
-  O as ChartStyle,
-  U as ChartTooltip,
-  j as ChartTooltipContent,
-  J as Collapsible,
-  K as CollapsibleContent,
-  N as CollapsibleTrigger,
-  W as Command,
-  X as CommandDialog,
-  Y as CommandEmpty,
-  Z as CommandGroup,
-  _ as CommandInput,
-  $ as CommandItem,
-  ee as CommandList,
-  re as CommandSeparator,
-  oe as CommandShortcut,
-  ae as Dialog,
-  ne as DialogClose,
-  ie as DialogContent,
-  le as DialogDescription,
-  de as DialogFooter,
-  pe as DialogHeader,
-  me as DialogOverlay,
-  Se as DialogPortal,
-  be as DialogTitle,
-  ue as DialogTrigger,
-  ge as DropdownMenu,
-  ce as DropdownMenuCheckboxItem,
-  xe as DropdownMenuContent,
-  Te as DropdownMenuGroup,
-  fe as DropdownMenuItem,
-  se as DropdownMenuLabel,
-  De as DropdownMenuPortal,
-  Me as DropdownMenuRadioGroup,
-  he as DropdownMenuRadioItem,
-  we as DropdownMenuSeparator,
-  Fe as DropdownMenuShortcut,
-  Be as DropdownMenuSub,
-  Ie as DropdownMenuSubContent,
-  Ae as DropdownMenuSubTrigger,
-  ve as DropdownMenuTrigger,
-  Ge as Form,
-  Le as FormControl,
-  He as FormDescription,
-  Re as FormField,
-  ke as FormItem,
-  ye as FormLabel,
-  Ve as FormMessage,
-  Oe as HoverCard,
-  Ue as HoverCardContent,
-  je as HoverCardTrigger,
-  Je as Input,
-  Ne as Label,
-  We as Popover,
-  Xe as PopoverAnchor,
-  Ye as PopoverContent,
-  Ze as PopoverTrigger,
-  $e as Progress,
-  rr as RadioGroup,
-  or as RadioGroupItem,
-  ar as ResizableHandle,
-  nr as ResizablePanel,
-  ir as ResizablePanelGroup,
-  dr as ScrollArea,
-  pr as ScrollBar,
-  Sr as Select,
-  br as SelectContent,
-  ur as SelectGroup,
-  Cr as SelectItem,
-  gr as SelectLabel,
-  cr as SelectScrollDownButton,
-  xr as SelectScrollUpButton,
-  Tr as SelectSeparator,
-  fr as SelectTrigger,
-  sr as SelectValue,
-  Mr as Separator,
-  wr as Sheet,
-  Fr as SheetClose,
-  Br as SheetContent,
-  Ir as SheetDescription,
-  Ar as SheetFooter,
-  vr as SheetHeader,
-  Pr as SheetTitle,
-  Gr as SheetTrigger,
-  Hr as Sidebar,
-  Rr as SidebarContent,
-  kr as SidebarFooter,
-  yr as SidebarGroup,
-  Vr as SidebarGroupAction,
-  zr as SidebarGroupContent,
-  Er as SidebarGroupLabel,
-  Or as SidebarHeader,
-  Ur as SidebarInput,
-  jr as SidebarInset,
-  qr as SidebarMenu,
-  Jr as SidebarMenuAction,
-  Kr as SidebarMenuBadge,
-  Nr as SidebarMenuButton,
-  Qr as SidebarMenuItem,
-  Wr as SidebarMenuSkeleton,
-  Xr as SidebarMenuSub,
-  Yr as SidebarMenuSubButton,
-  Zr as SidebarMenuSubItem,
-  _r as SidebarProvider,
-  $r as SidebarRail,
-  eo as SidebarSeparator,
-  ro as SidebarTrigger,
-  ao as Skeleton,
-  io as Slider,
-  po as Switch,
-  So as Table,
-  bo as TableBody,
-  uo as TableCaption,
-  Co as TableCell,
-  go as TableFooter,
-  co as TableHead,
-  xo as TableHeader,
-  To as TableRow,
-  so as Tabs,
-  Do as TabsContent,
-  Mo as TabsList,
-  ho as TabsTrigger,
-  Fo as Textarea,
-  Io as Toggle,
-  Po as Tooltip,
-  Go as TooltipContent,
-  Lo as TooltipProvider,
-  Ho as TooltipTrigger,
+  B as BreadcrumbSeparator,
+  F as Button,
+  v as ByocBadge,
+  G as Card,
+  L as CardAction,
+  H as CardContent,
+  R as CardDescription,
+  k as CardFooter,
+  y as CardHeader,
+  V as CardTitle,
+  E as ChartContainer,
+  O as ChartLegend,
+  U as ChartLegendContent,
+  j as ChartStyle,
+  q as ChartTooltip,
+  J as ChartTooltipContent,
+  N as Checkbox,
+  W as Collapsible,
+  X as CollapsibleContent,
+  Y as CollapsibleTrigger,
+  _ as Command,
+  $ as CommandDialog,
+  ee as CommandEmpty,
+  oe as CommandGroup,
+  re as CommandInput,
+  te as CommandItem,
+  ae as CommandList,
+  ne as CommandSeparator,
+  ie as CommandShortcut,
+  pe as Dialog,
+  de as DialogClose,
+  me as DialogContent,
+  be as DialogDescription,
+  Se as DialogFooter,
+  ue as DialogHeader,
+  Ce as DialogOverlay,
+  ge as DialogPortal,
+  ce as DialogTitle,
+  xe as DialogTrigger,
+  fe as DropdownMenu,
+  se as DropdownMenuCheckboxItem,
+  De as DropdownMenuContent,
+  Me as DropdownMenuGroup,
+  he as DropdownMenuItem,
+  Be as DropdownMenuLabel,
+  we as DropdownMenuPortal,
+  Fe as DropdownMenuRadioGroup,
+  Ie as DropdownMenuRadioItem,
+  Ae as DropdownMenuSeparator,
+  ve as DropdownMenuShortcut,
+  Pe as DropdownMenuSub,
+  Ge as DropdownMenuSubContent,
+  Le as DropdownMenuSubTrigger,
+  He as DropdownMenuTrigger,
+  ke as Form,
+  ye as FormControl,
+  Ve as FormDescription,
+  ze as FormField,
+  Ee as FormItem,
+  Oe as FormLabel,
+  Ue as FormMessage,
+  Je as HoverCard,
+  Ke as HoverCardContent,
+  Ne as HoverCardTrigger,
+  We as Input,
+  Ye as Label,
+  _e as MobileTooltip,
+  $e as MobileTooltipContent,
+  eo as MobileTooltipProvider,
+  oo as MobileTooltipTrigger,
+  to as Popover,
+  ao as PopoverAnchor,
+  no as PopoverContent,
+  io as PopoverTrigger,
+  po as ProBadge,
+  bo as Progress,
+  uo as RadioGroup,
+  Co as RadioGroupItem,
+  co as ResizableHandle,
+  xo as ResizablePanel,
+  To as ResizablePanelGroup,
+  so as ScrollArea,
+  Do as ScrollBar,
+  ho as Select,
+  Bo as SelectContent,
+  wo as SelectGroup,
+  Fo as SelectItem,
+  Io as SelectLabel,
+  Ao as SelectScrollDownButton,
+  vo as SelectScrollUpButton,
+  Po as SelectSeparator,
+  Go as SelectTrigger,
+  Lo as SelectValue,
+  Ro as Separator,
+  yo as Sheet,
+  Vo as SheetClose,
+  zo as SheetContent,
+  Eo as SheetDescription,
+  Oo as SheetFooter,
+  Uo as SheetHeader,
+  jo as SheetTitle,
+  qo as SheetTrigger,
+  Ko as Sidebar,
+  No as SidebarContent,
+  Qo as SidebarFooter,
+  Wo as SidebarGroup,
+  Xo as SidebarGroupAction,
+  Yo as SidebarGroupContent,
+  Zo as SidebarGroupLabel,
+  _o as SidebarHeader,
+  $o as SidebarInput,
+  er as SidebarInset,
+  or as SidebarMenu,
+  rr as SidebarMenuAction,
+  tr as SidebarMenuBadge,
+  ar as SidebarMenuButton,
+  nr as SidebarMenuItem,
+  ir as SidebarMenuSkeleton,
+  lr as SidebarMenuSub,
+  pr as SidebarMenuSubButton,
+  dr as SidebarMenuSubItem,
+  mr as SidebarProvider,
+  br as SidebarRail,
+  Sr as SidebarSeparator,
+  ur as SidebarTrigger,
+  cr as Skeleton,
+  Tr as Slider,
+  sr as Switch,
+  Mr as Table,
+  hr as TableBody,
+  Br as TableCaption,
+  wr as TableCell,
+  Fr as TableFooter,
+  Ir as TableHead,
+  Ar as TableHeader,
+  vr as TableRow,
+  Gr as Tabs,
+  Lr as TabsContent,
+  Hr as TabsList,
+  Rr as TabsTrigger,
+  yr as Textarea,
+  zr as Toggle,
+  Ur as Tooltip,
+  jr as TooltipContent,
+  qr as TooltipProvider,
+  Jr as TooltipTrigger,
   c as badgeVariants,
   I as buttonVariants,
-  Ao as toggleVariants,
-  ko as useFormContext,
-  ze as useFormField,
-  oo as useSidebar
+  Er as toggleVariants,
+  Nr as useFormContext,
+  je as useFormField,
+  Cr as useSidebar
 };

package/dist/components/ui/atoms/mobile-tooltip.d.ts

@@ -0,0 +1,6 @@
+import { PopoverContentProps, PopoverProps, PopoverTriggerProps } from '@radix-ui/react-popover';
+import { TooltipContentProps, TooltipProps, TooltipProviderProps, TooltipTriggerProps } from '@radix-ui/react-tooltip';
+export declare const MobileTooltipProvider: ({ children, ...props }: TooltipProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MobileTooltip: (props: TooltipProps & PopoverProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MobileTooltipTrigger: (props: TooltipTriggerProps & PopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MobileTooltipContent: (props: TooltipContentProps & PopoverContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/atoms/mobile-tooltip.js

@@ -0,0 +1,22 @@
+import { jsx as t } from "react/jsx-runtime";
+import { createContext as T, useState as c, useEffect as u, useContext as l } from "react";
+import { Popover as p, PopoverTrigger as h, PopoverContent as m } from "./popover.js";
+import { TooltipProvider as a, Tooltip as v, TooltipTrigger as d, TooltipContent as f } from "./tooltip.js";
+const s = T(void 0), n = () => l(s), M = ({
+  children: o,
+  ...e
+}) => {
+  const [i, r] = c(void 0);
+  return u(() => {
+    r(window.matchMedia("(pointer: coarse)").matches);
+  }, []), /* @__PURE__ */ t(s.Provider, { value: i, children: /* @__PURE__ */ t(a, { ...e, children: o }) });
+}, b = (o) => {
+  const e = n(), [i, r] = c(!1);
+  return e ? /* @__PURE__ */ t(p, { ...o, onOpenChange: r, open: i }) : /* @__PURE__ */ t(v, { ...o });
+}, w = (o) => n() ? /* @__PURE__ */ t(h, { ...o }) : /* @__PURE__ */ t(d, { ...o }), O = (o) => n() ? /* @__PURE__ */ t(m, { ...o }) : /* @__PURE__ */ t(f, { ...o });
+export {
+  b as MobileTooltip,
+  O as MobileTooltipContent,
+  M as MobileTooltipProvider,
+  w as MobileTooltipTrigger
+};

package/dist/components/ui/atoms/popover.js

@@ -4,7 +4,7 @@ import { c as P } from "../../../index-B695uy69.js";
 import { u as O, c as L } from "../../../index-5Bhkapwi.js";
 import { c as z } from "../../../index-DFZozV_h.js";
 import { P as G, D as H } from "../../../index-DYHsXnnS.js";
-import { h as K, R as j, u as U, F as V } from "../../../index-BvWMjxZ5.js";
+import { h as K, R as j, u as U, F as V } from "../../../Combination-CmNnuUVg.js";
 import { u as W } from "../../../index-Cv867SGx.js";
 import { c as _, R as Z, A as x, C as q, a as B } from "../../../index-PlrlSrPo.js";
 import { P as w } from "../../../index-C8_QusYl.js";

package/dist/components/ui/atoms/pro-badge.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+declare const proBadgeVariants: (props?: ({
+    size?: "default" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+interface ProBadgeProps extends VariantProps<typeof proBadgeVariants> {
+    className?: string;
+}
+export declare function ProBadge({ className, size }: ProBadgeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/atoms/pro-badge.js

@@ -0,0 +1,35 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { c as o } from "../../../index-CQhYMnjT.js";
+import { StarIcon as s } from "lucide-react";
+import { c as i } from "../../../utils-CRiPKpXj.js";
+import { Badge as n } from "./badge.js";
+const d = o(
+  "gap-1.5 rounded-full border-0 bg-gradient-to-br from-yellow-600 to-yellow-800 font-semibold text-white uppercase tracking-wide shadow-md",
+  {
+    variants: {
+      size: {
+        default: "px-2 py-0.5 text-[0.725rem] leading-4 [&>svg]:h-3 [&>svg]:w-3",
+        md: "px-2.5 py-1 text-sm [&>svg]:h-3.5 [&>svg]:w-3.5"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+function g({ className: e, size: t }) {
+  return /* @__PURE__ */ a(
+    n,
+    {
+      className: i(d({ size: t }), e),
+      variant: "outline",
+      children: [
+        /* @__PURE__ */ r(s, { className: "fill-current" }),
+        /* @__PURE__ */ r("span", { children: "Pro" })
+      ]
+    }
+  );
+}
+export {
+  g as ProBadge
+};