mada-design-system 0.0.9

package/index.es.js

@@ -0,0 +1,351 @@
+import "./index.es2.js";
+import { default as t } from "./index.es3.js";
+import { DataTable as i } from "./index.es4.js";
+import { default as m } from "./index.es5.js";
+import { default as l } from "./index.es6.js";
+import { Combobox as u, ComboboxContent as g, ComboboxControl as x, ComboboxControlNoForm as f, ComboboxEmpty as S, ComboboxGroup as b, ComboboxInput as s, ComboboxItem as c, ComboboxTrigger as C } from "./index.es7.js";
+import { Description as D, DescriptionItem as h } from "./index.es8.js";
+import { DraggableGrid as M } from "./index.es9.js";
+import { MultiSelect as I } from "./index.es10.js";
+import { PageLoader as v } from "./index.es11.js";
+import { LinesPerPage as B, Pagination as G, PaginationDescription as L, SliderPagination as y } from "./index.es12.js";
+import { SheetForm as N, SheetFormBody as k, SheetFormContent as R, SheetFormFooter as O, SheetFormHeader as E, SheetFormTrigger as V } from "./index.es13.js";
+import { ShouldRender as U } from "./index.es14.js";
+import { PieChart as q } from "./index.es15.js";
+import { Widget as J, WidgetActions as K, WidgetContent as Q, WidgetHeader as X, WidgetTitle as Y } from "./index.es16.js";
+import { Accordion as _, AccordionContent as $, AccordionItem as ee, AccordionTrigger as oe } from "./index.es17.js";
+import { Alert as te, AlertDescription as ae, AlertTitle as ie } from "./index.es18.js";
+import { AlertDialog as me, AlertDialogAction as pe, AlertDialogCancel as le, AlertDialogContent as de, AlertDialogDescription as ue, AlertDialogFooter as ge, AlertDialogHeader as xe, AlertDialogOverlay as fe, AlertDialogPortal as Se, AlertDialogTitle as be, AlertDialogTrigger as se } from "./index.es19.js";
+import { Avatar as Ce, AvatarFallback as Te, AvatarImage as De } from "./index.es20.js";
+import { Badge as Ae, badgeVariants as Me } from "./index.es21.js";
+import { Breadcrumb as Ie, BreadcrumbEllipsis as Pe, BreadcrumbItem as ve, BreadcrumbLink as we, BreadcrumbList as Be, BreadcrumbPage as Ge, BreadcrumbSeparator as Le } from "./index.es22.js";
+import { Button as He, buttonVariants as Ne } from "./index.es23.js";
+import { Calendar as Re } from "./index.es24.js";
+import { Card as Ee, CardContent as Ve, CardDescription as We, CardFooter as Ue, CardHeader as je, CardTitle as qe } from "./index.es25.js";
+import { Checkbox as Je } from "./index.es26.js";
+import { Collapsible as Qe, CollapsibleContent as Xe, CollapsibleTrigger as Ye } from "./index.es27.js";
+import { Command as _e, CommandDialog as $e, CommandEmpty as eo, CommandGroup as oo, CommandInput as ro, CommandItem as to, CommandList as ao, CommandSeparator as io, CommandShortcut as no } from "./index.es28.js";
+import { DatePicker as po } from "./index.es29.js";
+import { Dialog as uo, DialogContent as go, DialogDescription as xo, DialogFooter as fo, DialogHeader as So, DialogOverlay as bo, DialogPortal as so, DialogTitle as co, DialogTrigger as Co } from "./index.es30.js";
+import { DropdownMenu as Do, DropdownMenuCheckboxItem as ho, DropdownMenuContent as Ao, DropdownMenuGroup as Mo, DropdownMenuItem as Fo, DropdownMenuLabel as Io, DropdownMenuPortal as Po, DropdownMenuRadioGroup as vo, DropdownMenuRadioItem as wo, DropdownMenuSeparator as Bo, DropdownMenuShortcut as Go, DropdownMenuSub as Lo, DropdownMenuSubContent as yo, DropdownMenuSubTrigger as Ho, DropdownMenuTrigger as No } from "./index.es31.js";
+import { Emoji as Ro } from "./index.es32.js";
+import { EmptySection as Eo } from "./index.es33.js";
+import { Form as Wo, FormControl as Uo, FormDescription as jo, FormField as qo, FormItem as zo, FormLabel as Jo, FormMessage as Ko, useFormField as Qo } from "./index.es34.js";
+import { useController as Yo, useFieldArray as Zo, useForm as _o, useFormContext as $o, useFormState as er, useWatch as or } from "./index.es35.js";
+import { Input as tr } from "./index.es36.js";
+import { InputOTP as ir, InputOTPGroup as nr, InputOTPSeparator as mr, InputOTPSlot as pr } from "./index.es37.js";
+import { Label as dr } from "./index.es38.js";
+import { Grid as gr, GridItem as xr } from "./index.es39.js";
+import { SimpleGrid as Sr } from "./index.es40.js";
+import { Stack as sr } from "./index.es41.js";
+import { NavigationMenu as Cr, NavigationMenuContent as Tr, NavigationMenuIndicator as Dr, NavigationMenuItem as hr, NavigationMenuLink as Ar, NavigationMenuList as Mr, NavigationMenuTrigger as Fr, NavigationMenuViewport as Ir, navigationMenuTriggerStyle as Pr } from "./index.es42.js";
+import { Popover as wr, PopoverArrow as Br, PopoverClose as Gr, PopoverContent as Lr, PopoverTrigger as yr } from "./index.es43.js";
+import { Progress as Nr } from "./index.es44.js";
+import { RadioGroup as Rr, RadioGroupItem as Or } from "./index.es45.js";
+import { ScrollArea as Vr, ScrollBar as Wr } from "./index.es46.js";
+import { SearchInput as jr } from "./index.es47.js";
+import { Select as zr, SelectContent as Jr, SelectGroup as Kr, SelectItem as Qr, SelectLabel as Xr, SelectScrollDownButton as Yr, SelectScrollUpButton as Zr, SelectSeparator as _r, SelectTrigger as $r, SelectValue as et } from "./index.es48.js";
+import { Separator as rt } from "./index.es49.js";
+import { Sheet as at, SheetBody as it, SheetClose as nt, SheetContent as mt, SheetDescription as pt, SheetFooter as lt, SheetHeader as dt, SheetOverlay as ut, SheetPortal as gt, SheetTitle as xt, SheetTrigger as ft } from "./index.es50.js";
+import { Sidebar as bt, SidebarContent as st, SidebarFooter as ct, SidebarGroup as Ct, SidebarGroupAction as Tt, SidebarGroupContent as Dt, SidebarGroupLabel as ht, SidebarHeader as At, SidebarInput as Mt, SidebarInset as Ft, SidebarMenu as It, SidebarMenuAction as Pt, SidebarMenuBadge as vt, SidebarMenuButton as wt, SidebarMenuItem as Bt, SidebarMenuSkeleton as Gt, SidebarMenuSub as Lt, SidebarMenuSubButton as yt, SidebarMenuSubItem as Ht, SidebarProvider as Nt, SidebarRail as kt, SidebarSeparator as Rt, SidebarTrigger as Ot, useSidebar as Et } from "./index.es51.js";
+import { Skeleton as Wt } from "./index.es52.js";
+import { Slider as jt } from "./index.es53.js";
+import { Switch as zt } from "./index.es54.js";
+import { Table as Kt, TableBody as Qt, TableCaption as Xt, TableCell as Yt, TableFooter as Zt, TableHead as _t, TableHeader as $t, TableRow as ea } from "./index.es55.js";
+import { Tabs as ra, TabsContent as ta, TabsList as aa, TabsTrigger as ia, tabVariants as na } from "./index.es56.js";
+import { Textarea as pa } from "./index.es57.js";
+import { Toast as da, ToastAction as ua, ToastClose as ga, ToastDescription as xa, ToastProvider as fa, ToastTitle as Sa, ToastViewport as ba } from "./index.es58.js";
+import { Toaster as ca } from "./index.es59.js";
+import { Toggle as Ta, toggleVariants as Da } from "./index.es60.js";
+import { ToggleGroup as Aa, ToggleGroupItem as Ma } from "./index.es61.js";
+import { Tooltip as Ia, TooltipContent as Pa, TooltipProvider as va, TooltipTrigger as wa } from "./index.es62.js";
+import { reducer as Ga, toast as La, useToast as ya } from "./index.es63.js";
+import { useCachedData as Na } from "./index.es64.js";
+import { useUpdateCachedData as Ra } from "./index.es65.js";
+import { AuthService as Ea } from "./index.es66.js";
+import { useAuth as Wa } from "./index.es67.js";
+import { useOIDCAuth as ja } from "./index.es68.js";
+import { cn as za, dateFormatter as Ja, debounce as Ka, formatter as Qa, formatterTime as Xa, handleArabicNumbers as Ya, langRegex as Za, tw as _a, twMerge as $a, useSwitchData as ei } from "./index.es69.js";
+import { default as ri } from "./index.es70.js";
+import { default as ai } from "./index.es71.js";
+import { default as ni } from "./index.es72.js";
+import { default as pi } from "./index.es73.js";
+import { reducer as di } from "./index.es74.js";
+import { AuthContext as gi } from "./index.es75.js";
+import { AuthProvider as fi } from "./index.es76.js";
+import { initialAuthState as bi } from "./index.es77.js";
+import { hasAuthParams as ci, signinError as Ci, signoutError as Ti } from "./index.es78.js";
+import { createIdentityConfig as hi, createMetadataConfig as Ai } from "./index.es79.js";
+import { setLanguage as Fi, strings as Ii } from "./index.es80.js";
+export {
+  _ as Accordion,
+  $ as AccordionContent,
+  ee as AccordionItem,
+  oe as AccordionTrigger,
+  t as ActionLoader,
+  te as Alert,
+  ae as AlertDescription,
+  me as AlertDialog,
+  pe as AlertDialogAction,
+  le as AlertDialogCancel,
+  de as AlertDialogContent,
+  ue as AlertDialogDescription,
+  ge as AlertDialogFooter,
+  xe as AlertDialogHeader,
+  fe as AlertDialogOverlay,
+  Se as AlertDialogPortal,
+  be as AlertDialogTitle,
+  se as AlertDialogTrigger,
+  ie as AlertTitle,
+  gi as AuthContext,
+  fi as AuthProvider,
+  Ea as AuthService,
+  Ce as Avatar,
+  Te as AvatarFallback,
+  De as AvatarImage,
+  Ae as Badge,
+  Ie as Breadcrumb,
+  Pe as BreadcrumbEllipsis,
+  ve as BreadcrumbItem,
+  we as BreadcrumbLink,
+  Be as BreadcrumbList,
+  Ge as BreadcrumbPage,
+  Le as BreadcrumbSeparator,
+  He as Button,
+  Re as Calendar,
+  Ee as Card,
+  Ve as CardContent,
+  We as CardDescription,
+  Ue as CardFooter,
+  je as CardHeader,
+  qe as CardTitle,
+  Je as Checkbox,
+  Qe as Collapsible,
+  Xe as CollapsibleContent,
+  Ye as CollapsibleTrigger,
+  u as Combobox,
+  g as ComboboxContent,
+  x as ComboboxControl,
+  f as ComboboxControlNoForm,
+  S as ComboboxEmpty,
+  b as ComboboxGroup,
+  s as ComboboxInput,
+  c as ComboboxItem,
+  C as ComboboxTrigger,
+  _e as Command,
+  $e as CommandDialog,
+  eo as CommandEmpty,
+  oo as CommandGroup,
+  ro as CommandInput,
+  to as CommandItem,
+  ao as CommandList,
+  io as CommandSeparator,
+  no as CommandShortcut,
+  i as DataTable,
+  po as DatePicker,
+  D as Description,
+  h as DescriptionItem,
+  ni as DevtoolsMiddlewares,
+  uo as Dialog,
+  go as DialogContent,
+  xo as DialogDescription,
+  fo as DialogFooter,
+  So as DialogHeader,
+  bo as DialogOverlay,
+  so as DialogPortal,
+  co as DialogTitle,
+  Co as DialogTrigger,
+  M as DraggableGrid,
+  Do as DropdownMenu,
+  ho as DropdownMenuCheckboxItem,
+  Ao as DropdownMenuContent,
+  Mo as DropdownMenuGroup,
+  Fo as DropdownMenuItem,
+  Io as DropdownMenuLabel,
+  Po as DropdownMenuPortal,
+  vo as DropdownMenuRadioGroup,
+  wo as DropdownMenuRadioItem,
+  Bo as DropdownMenuSeparator,
+  Go as DropdownMenuShortcut,
+  Lo as DropdownMenuSub,
+  yo as DropdownMenuSubContent,
+  Ho as DropdownMenuSubTrigger,
+  No as DropdownMenuTrigger,
+  Ro as Emoji,
+  Eo as EmptySection,
+  Wo as Form,
+  Uo as FormControl,
+  jo as FormDescription,
+  qo as FormField,
+  zo as FormItem,
+  Jo as FormLabel,
+  Ko as FormMessage,
+  gr as Grid,
+  xr as GridItem,
+  m as Heading,
+  tr as Input,
+  ir as InputOTP,
+  nr as InputOTPGroup,
+  mr as InputOTPSeparator,
+  pr as InputOTPSlot,
+  dr as Label,
+  B as LinesPerPage,
+  I as MultiSelect,
+  Cr as NavigationMenu,
+  Tr as NavigationMenuContent,
+  Dr as NavigationMenuIndicator,
+  hr as NavigationMenuItem,
+  Ar as NavigationMenuLink,
+  Mr as NavigationMenuList,
+  Fr as NavigationMenuTrigger,
+  Ir as NavigationMenuViewport,
+  v as PageLoader,
+  G as Pagination,
+  L as PaginationDescription,
+  q as PieChart,
+  wr as Popover,
+  Br as PopoverArrow,
+  Gr as PopoverClose,
+  Lr as PopoverContent,
+  yr as PopoverTrigger,
+  Nr as Progress,
+  Rr as RadioGroup,
+  Or as RadioGroupItem,
+  Vr as ScrollArea,
+  Wr as ScrollBar,
+  jr as SearchInput,
+  zr as Select,
+  Jr as SelectContent,
+  Kr as SelectGroup,
+  Qr as SelectItem,
+  Xr as SelectLabel,
+  Yr as SelectScrollDownButton,
+  Zr as SelectScrollUpButton,
+  _r as SelectSeparator,
+  $r as SelectTrigger,
+  et as SelectValue,
+  rt as Separator,
+  at as Sheet,
+  it as SheetBody,
+  nt as SheetClose,
+  mt as SheetContent,
+  pt as SheetDescription,
+  lt as SheetFooter,
+  N as SheetForm,
+  k as SheetFormBody,
+  R as SheetFormContent,
+  O as SheetFormFooter,
+  E as SheetFormHeader,
+  V as SheetFormTrigger,
+  dt as SheetHeader,
+  ut as SheetOverlay,
+  gt as SheetPortal,
+  xt as SheetTitle,
+  ft as SheetTrigger,
+  U as ShouldRender,
+  bt as Sidebar,
+  st as SidebarContent,
+  ct as SidebarFooter,
+  Ct as SidebarGroup,
+  Tt as SidebarGroupAction,
+  Dt as SidebarGroupContent,
+  ht as SidebarGroupLabel,
+  At as SidebarHeader,
+  Mt as SidebarInput,
+  Ft as SidebarInset,
+  It as SidebarMenu,
+  Pt as SidebarMenuAction,
+  vt as SidebarMenuBadge,
+  wt as SidebarMenuButton,
+  Bt as SidebarMenuItem,
+  Gt as SidebarMenuSkeleton,
+  Lt as SidebarMenuSub,
+  yt as SidebarMenuSubButton,
+  Ht as SidebarMenuSubItem,
+  Nt as SidebarProvider,
+  kt as SidebarRail,
+  Rt as SidebarSeparator,
+  Ot as SidebarTrigger,
+  Sr as SimpleGrid,
+  Wt as Skeleton,
+  jt as Slider,
+  y as SliderPagination,
+  sr as Stack,
+  zt as Switch,
+  Kt as Table,
+  Qt as TableBody,
+  Xt as TableCaption,
+  Yt as TableCell,
+  Zt as TableFooter,
+  _t as TableHead,
+  $t as TableHeader,
+  ea as TableRow,
+  ra as Tabs,
+  ta as TabsContent,
+  aa as TabsList,
+  ia as TabsTrigger,
+  l as Text,
+  pa as Textarea,
+  da as Toast,
+  ua as ToastAction,
+  ga as ToastClose,
+  xa as ToastDescription,
+  fa as ToastProvider,
+  Sa as ToastTitle,
+  ba as ToastViewport,
+  ca as Toaster,
+  Ta as Toggle,
+  Aa as ToggleGroup,
+  Ma as ToggleGroupItem,
+  Ia as Tooltip,
+  Pa as TooltipContent,
+  va as TooltipProvider,
+  wa as TooltipTrigger,
+  J as Widget,
+  K as WidgetActions,
+  Q as WidgetContent,
+  X as WidgetHeader,
+  Y as WidgetTitle,
+  ri as accessibilityTools,
+  ai as authStore,
+  Me as badgeVariants,
+  Ne as buttonVariants,
+  za as cn,
+  hi as createIdentityConfig,
+  Ai as createMetadataConfig,
+  Ja as dateFormatter,
+  Ka as debounce,
+  Qa as formatter,
+  Xa as formatterTime,
+  Ya as handleArabicNumbers,
+  ci as hasAuthParams,
+  bi as initialAuthState,
+  Za as langRegex,
+  Pr as navigationMenuTriggerStyle,
+  di as oidcReducer,
+  Ga as reducer,
+  Fi as setLanguage,
+  Ci as signinError,
+  Ti as signoutError,
+  Ii as strings,
+  na as tabVariants,
+  La as toast,
+  Da as toggleVariants,
+  _a as tw,
+  $a as twMerge,
+  Wa as useAuth,
+  Na as useCachedData,
+  Yo as useController,
+  Zo as useFieldArray,
+  _o as useForm,
+  $o as useFormContext,
+  Qo as useFormField,
+  er as useFormState,
+  pi as useLanguage,
+  ja as useOIDCAuth,
+  Et as useSidebar,
+  ei as useSwitchData,
+  ya as useToast,
+  Ra as useUpdateCachedData,
+  or as useWatch
+};

package/index.es10.js

@@ -0,0 +1,103 @@
+import { jsxs as i, jsx as m, Fragment as k } from "react/jsx-runtime";
+import t from "./index.es83.js";
+import { useToggle as w } from "./index.es87.js";
+import { strings as j } from "./index.es80.js";
+import { ShouldRender as x } from "./index.es14.js";
+import { Badge as P } from "./index.es21.js";
+import { Button as v } from "./index.es23.js";
+import { Checkbox as R } from "./index.es26.js";
+import { Command as u, CommandInput as B, CommandList as E, CommandEmpty as M, CommandGroup as O, CommandItem as $ } from "./index.es28.js";
+import { Popover as z, PopoverTrigger as F, PopoverContent as G } from "./index.es43.js";
+import I from "./index.es84.js";
+function X({
+  placeholder: h,
+  options: a,
+  selectedValues: r,
+  onChange: c,
+  disabled: b,
+  size: o = "default",
+  dataTestId: g = "",
+  rounded: N = "default"
+}) {
+  var p;
+  const [l, f] = w(!1);
+  return /* @__PURE__ */ i(
+    z,
+    {
+      open: l,
+      onOpenChange: () => {
+        f();
+      },
+      children: [
+        /* @__PURE__ */ m(F, { asChild: !0, disabled: b, "data-testid": g, children: /* @__PURE__ */ i(v, { size: o, rounded: N, colors: "gray", variant: "outline", className: "gap-space-01 py-space-02 pl-space-03 pr-space-04", children: [
+          /* @__PURE__ */ m(
+            "span",
+            {
+              className: t({
+                "text-body-01": o === "sm",
+                "text-body-02": o === "default",
+                "text-foreground-secondary": !(r != null && r.length)
+              }),
+              children: h
+            }
+          ),
+          (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ m(k, { children: (r == null ? void 0 : r.length) > 1 ? /* @__PURE__ */ m("label", { className: "flex size-space-05 items-center justify-center rounded-full bg-background-secondary text-caption-01", children: r.length }) : (p = a == null ? void 0 : a.filter((n) => r == null ? void 0 : r.includes(n.value))) == null ? void 0 : p.map((n) => /* @__PURE__ */ m(P, { colors: "gray", variant: "ghost", size: "sm", children: n.label }, n.value)) }),
+          /* @__PURE__ */ m(
+            I,
+            {
+              className: t({
+                "size-8": o === "sm",
+                "size-space-05": o === "default",
+                "text-foreground-secondary": !(r != null && r.length)
+              })
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ m(G, { className: "min-h-space-07 min-w-[var(--radix-popover-trigger-width)]   p-space-00", align: "start", children: /* @__PURE__ */ i(u, { className: "w-full", children: [
+          /* @__PURE__ */ i("div", { className: "p-space-02", children: [
+            /* @__PURE__ */ m(x, { shouldRender: (a == null ? void 0 : a.length) > 7, children: /* @__PURE__ */ m(B, { placeholder: h }) }),
+            /* @__PURE__ */ i(E, { children: [
+              /* @__PURE__ */ m(M, { children: "No results found." }),
+              /* @__PURE__ */ m(O, { children: a == null ? void 0 : a.map((n, y) => {
+                const d = r == null ? void 0 : r.includes(n.value);
+                return /* @__PURE__ */ i(
+                  $,
+                  {
+                    "data-testid": `${g}-${y}`,
+                    className: "flex gap-space-02 ",
+                    onSelect: () => {
+                      const C = d ? r.filter((S) => S !== n.value) : [...r, n.value];
+                      c(C);
+                    },
+                    children: [
+                      n.icon && /* @__PURE__ */ m(n.icon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
+                      /* @__PURE__ */ m("span", { children: n.label }),
+                      /* @__PURE__ */ m(R, { className: "mr-auto", checked: d })
+                    ]
+                  },
+                  n.value
+                );
+              }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ m(x, { shouldRender: !!(r != null && r.length), children: /* @__PURE__ */ m("div", { className: "flex items-center gap-space-04 border-t border-t-border bg-background px-space-04 py-space-02", children: /* @__PURE__ */ m(
+            v,
+            {
+              colors: "gray",
+              variant: "ghost",
+              size: "sm",
+              onClick: () => {
+                c([]), f();
+              },
+              className: "flex-1",
+              children: j.Shared.reset
+            }
+          ) }) })
+        ] }) })
+      ]
+    }
+  );
+}
+export {
+  X as MultiSelect
+};