@arcadeai/design-system 0.0.0

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

@@ -0,0 +1,135 @@
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { R as r, C as n, a as d, X as c, D as g, O as u, P as f, b as m, T as p } from "../../../index-CL4N9wMT.js";
+import { c as o } from "../../../utils-Dy2WjYNJ.js";
+function y({
+  ...t
+}) {
+  return /* @__PURE__ */ a(r, { "data-slot": "dialog", ...t });
+}
+function N({
+  ...t
+}) {
+  return /* @__PURE__ */ a(p, { "data-slot": "dialog-trigger", ...t });
+}
+function x({
+  ...t
+}) {
+  return /* @__PURE__ */ a(f, { "data-slot": "dialog-portal", ...t });
+}
+function z({
+  ...t
+}) {
+  return /* @__PURE__ */ a(n, { "data-slot": "dialog-close", ...t });
+}
+function D({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    u,
+    {
+      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",
+        t
+      ),
+      "data-slot": "dialog-overlay",
+      ...e
+    }
+  );
+}
+function C({
+  className: t,
+  children: e,
+  showCloseButton: l = !0,
+  ...i
+}) {
+  return /* @__PURE__ */ s(x, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a(D, {}),
+    /* @__PURE__ */ s(
+      d,
+      {
+        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",
+          t
+        ),
+        "data-slot": "dialog-content",
+        ...i,
+        children: [
+          e,
+          l && /* @__PURE__ */ s(
+            n,
+            {
+              className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+              "data-slot": "dialog-close",
+              children: [
+                /* @__PURE__ */ a(c, {}),
+                /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function w({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: o("flex flex-col gap-2 text-center sm:text-left", t),
+      "data-slot": "dialog-header",
+      ...e
+    }
+  );
+}
+function T({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: o(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        t
+      ),
+      "data-slot": "dialog-footer",
+      ...e
+    }
+  );
+}
+function k({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    m,
+    {
+      className: o("font-semibold text-lg leading-none", t),
+      "data-slot": "dialog-title",
+      ...e
+    }
+  );
+}
+function j({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    g,
+    {
+      className: o("text-muted-foreground text-sm", t),
+      "data-slot": "dialog-description",
+      ...e
+    }
+  );
+}
+export {
+  y as Dialog,
+  z as DialogClose,
+  C as DialogContent,
+  j as DialogDescription,
+  T as DialogFooter,
+  w as DialogHeader,
+  D as DialogOverlay,
+  x as DialogPortal,
+  k as DialogTitle,
+  N as DialogTrigger
+};

package/dist/components/ui/atoms/dropdown-menu.d.ts

@@ -0,0 +1,25 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import type * as React from 'react';
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };