@arcadeai/design-system 1.2.0 → 1.3.0

package/dist/components/index.js

@@ -3,16 +3,16 @@ import { Alert as l, AlertDescription as p, AlertTitle as d } from "./ui/atoms/a
 import { Avatar as b, AvatarFallback as S, AvatarImage as u } from "./ui/atoms/avatar.js";
 import { Badge as g, badgeVariants as c } from "./ui/atoms/badge.js";
 import { Breadcrumb as T, BreadcrumbEllipsis as f, BreadcrumbItem as s, BreadcrumbLink as D, BreadcrumbList as M, BreadcrumbPage as h, BreadcrumbSeparator as B } from "./ui/atoms/breadcrumb.js";
-import { Button as F, buttonVariants as I } from "./ui/atoms/button.js";
+import { Button as F, buttonVariants as P } from "./ui/atoms/button.js";
 import { ByocBadge as v } from "./ui/atoms/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 "./ui/atoms/card.js";
-import { ChartContainer as E, ChartLegend as O, ChartLegendContent as U, ChartStyle as j, ChartTooltip as q, ChartTooltipContent as J } from "./ui/atoms/chart.js";
+import { Card as k, CardAction as G, CardContent as L, CardDescription as R, CardFooter as H, CardHeader as y, CardTitle as V } from "./ui/atoms/card.js";
+import { ChartContainer as E, ChartLegend as q, ChartLegendContent as O, ChartStyle as U, ChartTooltip as j, ChartTooltipContent as J } from "./ui/atoms/chart.js";
 import { Checkbox as N } from "./ui/atoms/checkbox.js";
 import { Collapsible as W, CollapsibleContent as X, CollapsibleTrigger as Y } from "./ui/atoms/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 "./ui/atoms/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 "./ui/atoms/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 "./ui/atoms/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 "./ui/atoms/form.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 Pe, DropdownMenuSeparator as Ie, DropdownMenuShortcut as ve, DropdownMenuSub as Ae, DropdownMenuSubContent as ke, DropdownMenuSubTrigger as Ge, DropdownMenuTrigger as Le } from "./ui/atoms/dropdown-menu.js";
+import { Form as He, FormControl as ye, FormDescription as Ve, FormField as ze, FormItem as Ee, FormLabel as qe, FormMessage as Oe, useFormField as Ue } from "./ui/atoms/form.js";
 import { HoverCard as Je, HoverCardContent as Ke, HoverCardTrigger as Ne } from "./ui/atoms/hover-card.js";
 import { Input as We } from "./ui/atoms/input.js";
 import { Label as Ye } from "./ui/atoms/label.js";
@@ -23,19 +23,25 @@ import { Progress as bo } from "./ui/atoms/progress.js";
 import { RadioGroup as uo, RadioGroupItem as Co } from "./ui/atoms/radio-group.js";
 import { ResizableHandle as co, ResizablePanel as xo, ResizablePanelGroup as To } from "./ui/atoms/resizable.js";
 import { ScrollArea as so, ScrollBar as Do } from "./ui/atoms/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 "./ui/atoms/select.js";
+import { Select as ho, SelectContent as Bo, SelectGroup as wo, SelectItem as Fo, SelectLabel as Po, SelectScrollDownButton as Io, SelectScrollUpButton as vo, SelectSeparator as Ao, SelectTrigger as ko, SelectValue as Go } from "./ui/atoms/select.js";
 import { Separator as Ro } from "./ui/atoms/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 "./ui/atoms/sheet.js";
+import { Sheet as yo, SheetClose as Vo, SheetContent as zo, SheetDescription as Eo, SheetFooter as qo, SheetHeader as Oo, SheetTitle as Uo, SheetTrigger as jo } from "./ui/atoms/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 "./ui/atoms/sidebar.js";
 import { Skeleton as cr } from "./ui/atoms/skeleton.js";
 import { Slider as Tr } from "./ui/atoms/slider.js";
 import { Switch as sr } from "./ui/atoms/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 "./ui/atoms/table.js";
-import { Tabs as Gr, TabsContent as Lr, TabsList as Hr, TabsTrigger as Rr } from "./ui/atoms/tabs.js";
+import { Table as Mr, TableBody as hr, TableCaption as Br, TableCell as wr, TableFooter as Fr, TableHead as Pr, TableHeader as Ir, TableRow as vr } from "./ui/atoms/table.js";
+import { Tabs as kr, TabsContent as Gr, TabsList as Lr, TabsTrigger as Rr } from "./ui/atoms/tabs.js";
 import { Textarea as yr } from "./ui/atoms/textarea.js";
 import { Toggle as zr, toggleVariants as Er } from "./ui/atoms/toggle.js";
-import { Tooltip as Ur, TooltipContent as jr, TooltipProvider as qr, TooltipTrigger as Jr } from "./ui/atoms/tooltip.js";
-import { useFormContext as Nr } from "react-hook-form";
+import { Tooltip as Or, TooltipContent as Ur, TooltipProvider as jr, TooltipTrigger as Jr } from "./ui/atoms/tooltip.js";
+import { EmptyState as Nr } from "./ui/molecules/empty-state.js";
+import { R as Wr, T as Xr } from "../toolkit-card-GhM_oj4G.js";
+import { ToolCard as Zr } from "./ui/molecules/tool-card.js";
+import { ToolkitPickerTrigger as $r } from "./ui/molecules/toolkit-picker-trigger.js";
+import { ToolkitSelectionSummary as ot } from "./ui/molecules/toolkit-selection-summary.js";
+import { ToolkitPicker as tt } from "./ui/organisms/toolkit-picker/index.js";
+import { FormProvider as nt, useFormContext as it } from "react-hook-form";
 export {
   r as Accordion,
   t as AccordionContent,
@@ -57,18 +63,18 @@ export {
   B as BreadcrumbSeparator,
   F as Button,
   v as ByocBadge,
-  G as Card,
-  L as CardAction,
-  H as CardContent,
+  k as Card,
+  G as CardAction,
+  L as CardContent,
   R as CardDescription,
-  k as CardFooter,
+  H as CardFooter,
   y as CardHeader,
   V as CardTitle,
   E as ChartContainer,
-  O as ChartLegend,
-  U as ChartLegendContent,
-  j as ChartStyle,
-  q as ChartTooltip,
+  q as ChartLegend,
+  O as ChartLegendContent,
+  U as ChartStyle,
+  j as ChartTooltip,
   J as ChartTooltipContent,
   N as Checkbox,
   W as Collapsible,
@@ -101,20 +107,22 @@ export {
   Be as DropdownMenuLabel,
   we as DropdownMenuPortal,
   Fe as DropdownMenuRadioGroup,
-  Ie as DropdownMenuRadioItem,
-  Ae as DropdownMenuSeparator,
+  Pe as DropdownMenuRadioItem,
+  Ie as DropdownMenuSeparator,
   ve as DropdownMenuShortcut,
-  Pe as DropdownMenuSub,
-  Ge as DropdownMenuSubContent,
-  Le as DropdownMenuSubTrigger,
-  He as DropdownMenuTrigger,
-  ke as Form,
+  Ae as DropdownMenuSub,
+  ke as DropdownMenuSubContent,
+  Ge as DropdownMenuSubTrigger,
+  Le as DropdownMenuTrigger,
+  Nr as EmptyState,
+  He as Form,
   ye as FormControl,
   Ve as FormDescription,
   ze as FormField,
   Ee as FormItem,
-  Oe as FormLabel,
-  Ue as FormMessage,
+  qe as FormLabel,
+  Oe as FormMessage,
+  nt as FormProvider,
   Je as HoverCard,
   Ke as HoverCardContent,
   Ne as HoverCardTrigger,
@@ -132,6 +140,7 @@ export {
   bo as Progress,
   uo as RadioGroup,
   Co as RadioGroupItem,
+  Wr as RequirementBadges,
   co as ResizableHandle,
   xo as ResizablePanel,
   To as ResizablePanelGroup,
@@ -141,21 +150,21 @@ export {
   Bo as SelectContent,
   wo as SelectGroup,
   Fo as SelectItem,
-  Io as SelectLabel,
-  Ao as SelectScrollDownButton,
+  Po as SelectLabel,
+  Io as SelectScrollDownButton,
   vo as SelectScrollUpButton,
-  Po as SelectSeparator,
-  Go as SelectTrigger,
-  Lo as SelectValue,
+  Ao as SelectSeparator,
+  ko as SelectTrigger,
+  Go 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,
+  qo as SheetFooter,
+  Oo as SheetHeader,
+  Uo as SheetTitle,
+  jo as SheetTrigger,
   Ko as Sidebar,
   No as SidebarContent,
   Qo as SidebarFooter,
@@ -187,23 +196,28 @@ export {
   Br as TableCaption,
   wr as TableCell,
   Fr as TableFooter,
-  Ir as TableHead,
-  Ar as TableHeader,
+  Pr as TableHead,
+  Ir as TableHeader,
   vr as TableRow,
-  Gr as Tabs,
-  Lr as TabsContent,
-  Hr as TabsList,
+  kr as Tabs,
+  Gr as TabsContent,
+  Lr as TabsList,
   Rr as TabsTrigger,
   yr as Textarea,
   zr as Toggle,
-  Ur as Tooltip,
-  jr as TooltipContent,
-  qr as TooltipProvider,
+  Zr as ToolCard,
+  Xr as ToolkitCard,
+  tt as ToolkitPicker,
+  $r as ToolkitPickerTrigger,
+  ot as ToolkitSelectionSummary,
+  Or as Tooltip,
+  Ur as TooltipContent,
+  jr as TooltipProvider,
   Jr as TooltipTrigger,
   c as badgeVariants,
-  I as buttonVariants,
+  P as buttonVariants,
   Er as toggleVariants,
-  Nr as useFormContext,
-  je as useFormField,
+  it as useFormContext,
+  Ue as useFormField,
   Cr as useSidebar
 };

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

@@ -10,7 +10,7 @@ import { c as V, R as oe, T as re, b as te } from "../../../index-CtSXVDca.js";
 import { u as ne } from "../../../index-Cv867SGx.js";
 import { u as ce } from "../../../index-ByaXH_ih.js";
 import { ChevronDownIcon as ae } from "lucide-react";
-import { c as S } from "../../../utils-CRiPKpXj.js";
+import { c as S } from "../../../utils-Db4QWi-E.js";
 var d = "Accordion", ie = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [E, se, le] = X(d), [b, Oe] = W(d, [
   le,
   V

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

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as i } from "../../../index-CQhYMnjT.js";
-import { c as e } from "../../../utils-CRiPKpXj.js";
+import { c as i } from "../../../index-BDE30rcJ.js";
+import { c as e } from "../../../utils-Db4QWi-E.js";
 const n = i(
   "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
   {

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

@@ -5,7 +5,7 @@ import { c as H } from "../../../index-DFZozV_h.js";
 import { u as U } from "../../../index-0ioNhtNM.js";
 import { u as O } from "../../../index-CCKe-Mpx.js";
 import { P as w } from "../../../index-CpDnqHCm.js";
-import { c as x } from "../../../utils-CRiPKpXj.js";
+import { c as x } from "../../../utils-Db4QWi-E.js";
 var h = { exports: {} }, y = {};
 /**
  * @license React

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

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { S as i } from "../../../index-5Bhkapwi.js";
-import { c as o } from "../../../index-CQhYMnjT.js";
-import { c as s } from "../../../utils-CRiPKpXj.js";
+import { c as o } from "../../../index-BDE30rcJ.js";
+import { c as s } from "../../../utils-Db4QWi-E.js";
 const d = o(
   "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-md border px-2 py-0.5 font-medium text-xs transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
   {

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

@@ -1,7 +1,7 @@
-import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
 import { S as o } from "../../../index-5Bhkapwi.js";
-import { ChevronRight as i, MoreHorizontal as l } from "lucide-react";
-import { c as t } from "../../../utils-CRiPKpXj.js";
+import { ChevronRight as i, MoreHorizontal as c } from "lucide-react";
+import { c as t } from "../../../utils-Db4QWi-E.js";
 function p({ ...r }) {
   return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...r });
 }
@@ -18,7 +18,7 @@ function f({ className: r, ...e }) {
     }
   );
 }
-function x({ className: r, ...e }) {
+function g({ className: r, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -28,17 +28,17 @@ function x({ className: r, ...e }) {
     }
   );
 }
-function g({
+function x({
   asChild: r,
   className: e,
-  ...n
+  ...s
 }) {
   return /* @__PURE__ */ a(
     r ? o : "a",
     {
       className: t("transition-colors hover:text-foreground", e),
       "data-slot": "breadcrumb-link",
-      ...n
+      ...s
     }
   );
 }
@@ -50,8 +50,6 @@ function h({ className: r, ...e }) {
       "aria-disabled": "true",
       className: t("font-normal text-foreground", r),
       "data-slot": "breadcrumb-page",
-      role: "link",
-      tabIndex: 0,
       ...e
     }
   );
@@ -59,7 +57,7 @@ function h({ className: r, ...e }) {
 function N({
   children: r,
   className: e,
-  ...n
+  ...s
 }) {
   return /* @__PURE__ */ a(
     "li",
@@ -68,7 +66,7 @@ function N({
       className: t("[&>svg]:size-3.5", e),
       "data-slot": "breadcrumb-separator",
       role: "presentation",
-      ...n,
+      ...s,
       children: r ?? /* @__PURE__ */ a(i, {})
     }
   );
@@ -77,7 +75,7 @@ function B({
   className: r,
   ...e
 }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ n(
     "span",
     {
       "aria-hidden": "true",
@@ -86,7 +84,7 @@ function B({
       role: "presentation",
       ...e,
       children: [
-        /* @__PURE__ */ a(l, { className: "size-4" }),
+        /* @__PURE__ */ a(c, { className: "size-4" }),
         /* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
       ]
     }
@@ -95,8 +93,8 @@ function B({
 export {
   p as Breadcrumb,
   B as BreadcrumbEllipsis,
-  x as BreadcrumbItem,
-  g as BreadcrumbLink,
+  g as BreadcrumbItem,
+  x as BreadcrumbLink,
   f as BreadcrumbList,
   h as BreadcrumbPage,
   N as BreadcrumbSeparator

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { S as a } from "../../../index-5Bhkapwi.js";
-import { c as s } from "../../../index-CQhYMnjT.js";
-import { c as d } from "../../../utils-CRiPKpXj.js";
+import { c as s } from "../../../index-BDE30rcJ.js";
+import { c as d } from "../../../utils-Db4QWi-E.js";
 const g = s(
   "inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {

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

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { c as a } from "../../../index-CQhYMnjT.js";
+import { c as a } from "../../../index-BDE30rcJ.js";
 import { Info as d } from "lucide-react";
-import { c as l } from "../../../utils-CRiPKpXj.js";
+import { c as l } from "../../../utils-Db4QWi-E.js";
 import { Badge as s } from "./badge.js";
 import { MobileTooltipProvider as c, MobileTooltip as p, MobileTooltipTrigger as m, MobileTooltipContent as g } from "./mobile-tooltip.js";
 const h = a(

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

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as o } from "../../../utils-CRiPKpXj.js";
+import { c as o } from "../../../utils-Db4QWi-E.js";
 function n({ className: t, ...a }) {
   return /* @__PURE__ */ r(
     "div",

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

@@ -1,7 +1,7 @@
 import { jsx as s, jsxs as f, Fragment as P } from "react/jsx-runtime";
 import * as p from "react";
 import * as _ from "recharts";
-import { c as l } from "../../../utils-CRiPKpXj.js";
+import { c as l } from "../../../utils-Db4QWi-E.js";
 const T = { light: "", dark: ".dark" }, j = p.createContext(null);
 function y() {
   const c = p.useContext(j);

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

@@ -9,7 +9,7 @@ import { u as U } from "../../../index-BGQepRFJ.js";
 import { P as X } from "../../../index-C8_QusYl.js";
 import { P as _ } from "../../../index-CpDnqHCm.js";
 import { CheckIcon as $ } from "lucide-react";
-import { c as J } from "../../../utils-CRiPKpXj.js";
+import { c as J } from "../../../utils-Db4QWi-E.js";
 var y = "Checkbox", [Q, ue] = H(y), [V, E] = Q(y);
 function W(t) {
   const {

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

@@ -1,12 +1,12 @@
 import { jsx as C, jsxs as ne } from "react/jsx-runtime";
-import { R as Se, P as Ie, O as Re, a as Ae } from "../../../index-BSWzylXR.js";
+import { R as Se, P as Ie, O as Re, C as Ae } from "../../../index-Ez2mlmzx.js";
 import * as l from "react";
 import { P as A } from "../../../index-CpDnqHCm.js";
 import { u as j } from "../../../index-Cv867SGx.js";
 import { b as V } from "../../../index-5Bhkapwi.js";
 import { SearchIcon as De } from "lucide-react";
 import { Dialog as _e, DialogHeader as Me, DialogTitle as $e, DialogDescription as Ne, DialogContent as Pe } from "./dialog.js";
-import { c as D } from "../../../utils-CRiPKpXj.js";
+import { c as D } from "../../../utils-Db4QWi-E.js";
 var pe = 1, Fe = 0.9, Ke = 0.8, je = 0.17, ee = 0.1, te = 0.999, Le = 0.9999, qe = 0.99, Ve = /[\\\/_+.#"@\[\(\{&]/, ze = /[\\\/_+.#"@\[\(\{&]/g, Oe = /[\s-]/, he = /[\s-]/g;
 function le(e, n, r, s, o, i, c) {
   if (i === n.length) return o === e.length ? pe : qe;

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

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import { R as r, C as s, a as d, D as c, O as g, P as u, b as f, T as m } from "../../../index-BSWzylXR.js";
+import { R as r, T as d, C as c, a as s, b as g, D as u, P as f, O as m } from "../../../index-Ez2mlmzx.js";
 import { XIcon as p } from "lucide-react";
-import { c as o } from "../../../utils-CRiPKpXj.js";
+import { c as o } from "../../../utils-Db4QWi-E.js";
 function N({
   ...t
 }) {
@@ -10,12 +10,12 @@ function N({
 function z({
   ...t
 }) {
-  return /* @__PURE__ */ a(m, { "data-slot": "dialog-trigger", ...t });
+  return /* @__PURE__ */ a(d, { "data-slot": "dialog-trigger", ...t });
 }
 function x({
   ...t
 }) {
-  return /* @__PURE__ */ a(u, { "data-slot": "dialog-portal", ...t });
+  return /* @__PURE__ */ a(f, { "data-slot": "dialog-portal", ...t });
 }
 function C({
   ...t
@@ -27,7 +27,7 @@ function D({
   ...e
 }) {
   return /* @__PURE__ */ a(
-    g,
+    m,
     {
       className: o(
         "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in",
@@ -47,7 +47,7 @@ function w({
   return /* @__PURE__ */ n(x, { "data-slot": "dialog-portal", children: [
     /* @__PURE__ */ a(D, {}),
     /* @__PURE__ */ n(
-      d,
+      c,
       {
         className: o(
           "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:max-w-lg",
@@ -101,7 +101,7 @@ function j({
   ...e
 }) {
   return /* @__PURE__ */ a(
-    f,
+    g,
     {
       className: o("font-semibold text-lg leading-none", t),
       "data-slot": "dialog-title",
@@ -114,7 +114,7 @@ function O({
   ...e
 }) {
   return /* @__PURE__ */ a(
-    c,
+    u,
     {
       className: o("text-muted-foreground text-sm", t),
       "data-slot": "dialog-description",

package/dist/components/ui/atoms/dropdown-menu.js

@@ -10,12 +10,12 @@ import { u as Dn } from "../../../index-ByaXH_ih.js";
 import { P as Sn, D as In } from "../../../index-DYHsXnnS.js";
 import { h as Pn, u as En, R as yn, F as Nn } from "../../../Combination-CmNnuUVg.js";
 import { u as V } from "../../../index-Cv867SGx.js";
-import { c as Ce, R as _e, A as Tn, C as An, a as On } from "../../../index-PlrlSrPo.js";
+import { c as Ce, R as _e, A as Tn, C as An, a as On } from "../../../index-DEJd-dpa.js";
 import { P as Y } from "../../../index-C8_QusYl.js";
 import { c as Re, I as kn, R as Ln } from "../../../index-DMCYNwtg.js";
 import { u as te } from "../../../index-0ioNhtNM.js";
 import { CheckIcon as Gn, CircleIcon as Fn, ChevronRightIcon as Kn } from "lucide-react";
-import { c as R } from "../../../utils-CRiPKpXj.js";
+import { c as R } from "../../../utils-Db4QWi-E.js";
 var ee = ["Enter", " "], $n = ["ArrowDown", "PageUp", "Home"], be = ["ArrowUp", "PageDown", "End"], Un = [...$n, ...be], zn = {
   ltr: [...ee, "ArrowRight"],
   rtl: [...ee, "ArrowLeft"]

package/dist/components/ui/atoms/form.d.ts

@@ -22,4 +22,4 @@ declare function FormControl({ ...props }: React.ComponentProps<typeof Slot>): i
 declare function FormDescription({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
 declare function FormMessage({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element | null;
 export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
-export { useFormContext } from 'react-hook-form';
+export { FormProvider, useFormContext } from 'react-hook-form';

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

@@ -2,9 +2,9 @@ import { jsx as m } from "react/jsx-runtime";
 import { S as f } from "../../../index-5Bhkapwi.js";
 import * as s from "react";
 import { FormProvider as u, useFormContext as F, useFormState as x, Controller as I } from "react-hook-form";
-import { useFormContext as j } from "react-hook-form";
+import { FormProvider as j, useFormContext as E } from "react-hook-form";
 import { Label as p } from "./label.js";
-import { c as a } from "../../../utils-CRiPKpXj.js";
+import { c as a } from "../../../utils-Db4QWi-E.js";
 const S = u, c = s.createContext(
   {}
 ), $ = ({
@@ -65,7 +65,7 @@ function N({ ...e }) {
     }
   );
 }
-function w({ className: e, ...t }) {
+function P({ className: e, ...t }) {
   const { formDescriptionId: r } = d();
   return /* @__PURE__ */ m(
     "p",
@@ -77,7 +77,7 @@ function w({ className: e, ...t }) {
     }
   );
 }
-function P({ className: e, ...t }) {
+function w({ className: e, ...t }) {
   const { error: r, formMessageId: o } = d(), n = r ? String(r?.message ?? "") : t.children;
   return n ? /* @__PURE__ */ m(
     "p",
@@ -93,11 +93,12 @@ function P({ className: e, ...t }) {
 export {
   S as Form,
   N as FormControl,
-  w as FormDescription,
+  P as FormDescription,
   $ as FormField,
   D as FormItem,
   M as FormLabel,
-  P as FormMessage,
-  j as useFormContext,
+  w as FormMessage,
+  j as FormProvider,
+  E as useFormContext,
   d as useFormField
 };

package/dist/components/ui/atoms/hover-card.js

@@ -4,11 +4,11 @@ import { c as l } from "../../../index-B695uy69.js";
 import { c as k } from "../../../index-DFZozV_h.js";
 import { u as F } from "../../../index-437EL2iq.js";
 import { u as I } from "../../../index-5Bhkapwi.js";
-import { c as H, R as U, A as $, C as W, a as z } from "../../../index-PlrlSrPo.js";
+import { c as H, R as U, A as $, C as W, a as z } from "../../../index-DEJd-dpa.js";
 import { P as B, D as G } from "../../../index-DYHsXnnS.js";
 import { P as T } from "../../../index-C8_QusYl.js";
 import { P as K } from "../../../index-CpDnqHCm.js";
-import { c as j } from "../../../utils-CRiPKpXj.js";
+import { c as j } from "../../../utils-Db4QWi-E.js";
 var x, S = "HoverCard", [O, ve] = k(S, [
   H
 ]), b = H(), [V, w] = O(S), _ = (e) => {

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

@@ -4,14 +4,14 @@ 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 B } from "./breadcrumb.js";
 import { Button as F, buttonVariants as I } from "./button.js";
-import { ByocBadge as v } from "./byoc-badge.js";
+import { ByocBadge as A } 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 { 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 ve, DropdownMenuShortcut as Ae, 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";
@@ -23,19 +23,19 @@ 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 { Select as ho, SelectContent as Bo, SelectGroup as wo, SelectItem as Fo, SelectLabel as Io, SelectScrollDownButton as vo, SelectScrollUpButton as Ao, 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 { Table as Mr, TableBody as hr, TableCaption as Br, TableCell as wr, TableFooter as Fr, TableHead as Ir, TableHeader as vr, TableRow as Ar } 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";
+import { FormProvider as Nr, useFormContext as Qr } from "react-hook-form";
 export {
   r as Accordion,
   t as AccordionContent,
@@ -56,7 +56,7 @@ export {
   h as BreadcrumbPage,
   B as BreadcrumbSeparator,
   F as Button,
-  v as ByocBadge,
+  A as ByocBadge,
   G as Card,
   L as CardAction,
   H as CardContent,
@@ -102,8 +102,8 @@ export {
   we as DropdownMenuPortal,
   Fe as DropdownMenuRadioGroup,
   Ie as DropdownMenuRadioItem,
-  Ae as DropdownMenuSeparator,
-  ve as DropdownMenuShortcut,
+  ve as DropdownMenuSeparator,
+  Ae as DropdownMenuShortcut,
   Pe as DropdownMenuSub,
   Ge as DropdownMenuSubContent,
   Le as DropdownMenuSubTrigger,
@@ -115,6 +115,7 @@ export {
   Ee as FormItem,
   Oe as FormLabel,
   Ue as FormMessage,
+  Nr as FormProvider,
   Je as HoverCard,
   Ke as HoverCardContent,
   Ne as HoverCardTrigger,
@@ -142,8 +143,8 @@ export {
   wo as SelectGroup,
   Fo as SelectItem,
   Io as SelectLabel,
-  Ao as SelectScrollDownButton,
-  vo as SelectScrollUpButton,
+  vo as SelectScrollDownButton,
+  Ao as SelectScrollUpButton,
   Po as SelectSeparator,
   Go as SelectTrigger,
   Lo as SelectValue,
@@ -188,8 +189,8 @@ export {
   wr as TableCell,
   Fr as TableFooter,
   Ir as TableHead,
-  Ar as TableHeader,
-  vr as TableRow,
+  vr as TableHeader,
+  Ar as TableRow,
   Gr as Tabs,
   Lr as TabsContent,
   Hr as TabsList,
@@ -203,7 +204,7 @@ export {
   c as badgeVariants,
   I as buttonVariants,
   Er as toggleVariants,
-  Nr as useFormContext,
+  Qr as useFormContext,
   je as useFormField,
   Cr as useSidebar
 };