@arcadeai/design-system 1.0.1 → 1.1.0

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

@@ -1,198 +1,207 @@
-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 x, 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 { Collapsible as N, CollapsibleContent as Q, CollapsibleTrigger as W } from "./collapsible.js";
+import { Command as Y, CommandDialog as Z, CommandEmpty as _, CommandGroup as $, CommandInput as ee, CommandItem as oe, CommandList as re, CommandSeparator as te, CommandShortcut as ae } from "./command.js";
+import { Dialog as ie, DialogClose as le, DialogContent as pe, DialogDescription as de, DialogFooter as me, DialogHeader as be, DialogOverlay as Se, DialogPortal as ue, DialogTitle as Ce, DialogTrigger as ge } from "./dialog.js";
+import { DropdownMenu as Te, DropdownMenuCheckboxItem as xe, DropdownMenuContent as fe, DropdownMenuGroup as se, DropdownMenuItem as De, DropdownMenuLabel as Me, DropdownMenuPortal as he, DropdownMenuRadioGroup as Be, DropdownMenuRadioItem as we, DropdownMenuSeparator as Fe, DropdownMenuShortcut as Ie, DropdownMenuSub as Ae, DropdownMenuSubContent as ve, DropdownMenuSubTrigger as Pe, DropdownMenuTrigger as Ge } from "./dropdown-menu.js";
+import { Form as He, FormControl as Re, FormDescription as ke, FormField as ye, FormItem as Ve, FormLabel as ze, FormMessage as Ee, useFormField as Oe } from "./form.js";
+import { HoverCard as je, HoverCardContent as qe, HoverCardTrigger as Je } from "./hover-card.js";
+import { Input as Ne } from "./input.js";
+import { Label as We } from "./label.js";
+import { MobileTooltip as Ye, MobileTooltipContent as Ze, MobileTooltipProvider as _e, MobileTooltipTrigger as $e } from "./mobile-tooltip.js";
+import { Popover as oo, PopoverAnchor as ro, PopoverContent as to, PopoverTrigger as ao } from "./popover.js";
+import { ProBadge as io } from "./pro-badge.js";
+import { Progress as po } from "./progress.js";
+import { RadioGroup as bo, RadioGroupItem as So } from "./radio-group.js";
+import { ResizableHandle as Co, ResizablePanel as go, ResizablePanelGroup as co } from "./resizable.js";
+import { ScrollArea as xo, ScrollBar as fo } from "./scroll-area.js";
+import { Select as Do, SelectContent as Mo, SelectGroup as ho, SelectItem as Bo, SelectLabel as wo, SelectScrollDownButton as Fo, SelectScrollUpButton as Io, SelectSeparator as Ao, SelectTrigger as vo, SelectValue as Po } from "./select.js";
+import { Separator as Lo } from "./separator.js";
+import { Sheet as Ro, SheetClose as ko, SheetContent as yo, SheetDescription as Vo, SheetFooter as zo, SheetHeader as Eo, SheetTitle as Oo, SheetTrigger as Uo } from "./sheet.js";
+import { Sidebar as qo, SidebarContent as Jo, SidebarFooter as Ko, SidebarGroup as No, SidebarGroupAction as Qo, SidebarGroupContent as Wo, SidebarGroupLabel as Xo, SidebarHeader as Yo, SidebarInput as Zo, SidebarInset as _o, SidebarMenu as $o, SidebarMenuAction as er, SidebarMenuBadge as or, SidebarMenuButton as rr, SidebarMenuItem as tr, SidebarMenuSkeleton as ar, SidebarMenuSub as nr, SidebarMenuSubButton as ir, SidebarMenuSubItem as lr, SidebarProvider as pr, SidebarRail as dr, SidebarSeparator as mr, SidebarTrigger as br, useSidebar as Sr } from "./sidebar.js";
+import { Skeleton as Cr } from "./skeleton.js";
+import { Slider as cr } from "./slider.js";
+import { Switch as xr } from "./switch.js";
+import { Table as sr, TableBody as Dr, TableCaption as Mr, TableCell as hr, TableFooter as Br, TableHead as wr, TableHeader as Fr, TableRow as Ir } from "./table.js";
+import { Tabs as vr, TabsContent as Pr, TabsList as Gr, TabsTrigger as Lr } from "./tabs.js";
+import { Textarea as Rr } from "./textarea.js";
+import { Toggle as yr, toggleVariants as Vr } from "./toggle.js";
+import { Tooltip as Er, TooltipContent as Or, TooltipProvider as Ur, TooltipTrigger as jr } from "./tooltip.js";
+import { useFormContext as Jr } 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,
+  x as Breadcrumb,
   f as BreadcrumbEllipsis,
   s as BreadcrumbItem,
   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 Collapsible,
+  Q as CollapsibleContent,
+  W as CollapsibleTrigger,
+  Y as Command,
+  Z as CommandDialog,
+  _ as CommandEmpty,
+  $ as CommandGroup,
+  ee as CommandInput,
+  oe as CommandItem,
+  re as CommandList,
+  te as CommandSeparator,
+  ae as CommandShortcut,
+  ie as Dialog,
+  le as DialogClose,
+  pe as DialogContent,
+  de as DialogDescription,
+  me as DialogFooter,
+  be as DialogHeader,
+  Se as DialogOverlay,
+  ue as DialogPortal,
+  Ce as DialogTitle,
+  ge as DialogTrigger,
+  Te as DropdownMenu,
+  xe as DropdownMenuCheckboxItem,
+  fe as DropdownMenuContent,
+  se as DropdownMenuGroup,
+  De as DropdownMenuItem,
+  Me as DropdownMenuLabel,
+  he as DropdownMenuPortal,
+  Be as DropdownMenuRadioGroup,
+  we as DropdownMenuRadioItem,
+  Fe as DropdownMenuSeparator,
+  Ie as DropdownMenuShortcut,
+  Ae as DropdownMenuSub,
+  ve as DropdownMenuSubContent,
+  Pe as DropdownMenuSubTrigger,
+  Ge as DropdownMenuTrigger,
+  He as Form,
+  Re as FormControl,
+  ke as FormDescription,
+  ye as FormField,
+  Ve as FormItem,
+  ze as FormLabel,
+  Ee as FormMessage,
+  je as HoverCard,
+  qe as HoverCardContent,
+  Je as HoverCardTrigger,
+  Ne as Input,
+  We as Label,
+  Ye as MobileTooltip,
+  Ze as MobileTooltipContent,
+  _e as MobileTooltipProvider,
+  $e as MobileTooltipTrigger,
+  oo as Popover,
+  ro as PopoverAnchor,
+  to as PopoverContent,
+  ao as PopoverTrigger,
+  io as ProBadge,
+  po as Progress,
+  bo as RadioGroup,
+  So as RadioGroupItem,
+  Co as ResizableHandle,
+  go as ResizablePanel,
+  co as ResizablePanelGroup,
+  xo as ScrollArea,
+  fo as ScrollBar,
+  Do as Select,
+  Mo as SelectContent,
+  ho as SelectGroup,
+  Bo as SelectItem,
+  wo as SelectLabel,
+  Fo as SelectScrollDownButton,
+  Io as SelectScrollUpButton,
+  Ao as SelectSeparator,
+  vo as SelectTrigger,
+  Po as SelectValue,
+  Lo as Separator,
+  Ro as Sheet,
+  ko as SheetClose,
+  yo as SheetContent,
+  Vo as SheetDescription,
+  zo as SheetFooter,
+  Eo as SheetHeader,
+  Oo as SheetTitle,
+  Uo as SheetTrigger,
+  qo as Sidebar,
+  Jo as SidebarContent,
+  Ko as SidebarFooter,
+  No as SidebarGroup,
+  Qo as SidebarGroupAction,
+  Wo as SidebarGroupContent,
+  Xo as SidebarGroupLabel,
+  Yo as SidebarHeader,
+  Zo as SidebarInput,
+  _o as SidebarInset,
+  $o as SidebarMenu,
+  er as SidebarMenuAction,
+  or as SidebarMenuBadge,
+  rr as SidebarMenuButton,
+  tr as SidebarMenuItem,
+  ar as SidebarMenuSkeleton,
+  nr as SidebarMenuSub,
+  ir as SidebarMenuSubButton,
+  lr as SidebarMenuSubItem,
+  pr as SidebarProvider,
+  dr as SidebarRail,
+  mr as SidebarSeparator,
+  br as SidebarTrigger,
+  Cr as Skeleton,
+  cr as Slider,
+  xr as Switch,
+  sr as Table,
+  Dr as TableBody,
+  Mr as TableCaption,
+  hr as TableCell,
+  Br as TableFooter,
+  wr as TableHead,
+  Fr as TableHeader,
+  Ir as TableRow,
+  vr as Tabs,
+  Pr as TabsContent,
+  Gr as TabsList,
+  Lr as TabsTrigger,
+  Rr as Textarea,
+  yr as Toggle,
+  Er as Tooltip,
+  Or as TooltipContent,
+  Ur as TooltipProvider,
+  jr as TooltipTrigger,
   c as badgeVariants,
   I as buttonVariants,
-  Ao as toggleVariants,
-  ko as useFormContext,
-  ze as useFormField,
-  oo as useSidebar
+  Vr as toggleVariants,
+  Jr as useFormContext,
+  Oe as useFormField,
+  Sr 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
+};