@vadimcomanescu/nadicode-design-system 2.0.0

package/dist/components/blocks/user/InviteUserModal.js

@@ -0,0 +1,248 @@
+'use client';
+import { RoleBadge } from '../../../chunk-OHCQPI3W.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../../../chunk-WH62BE24.js';
+import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from '../../../chunk-W73JAOHW.js';
+import { Input } from '../../../chunk-AP3XXYAY.js';
+import { Label } from '../../../chunk-LIBXYD5Q.js';
+import '../../../chunk-KRBLVZII.js';
+import { Button } from '../../../chunk-7KIDDF3I.js';
+import '../../../chunk-6FOHUNXR.js';
+import '../../../chunk-PD2YEH3H.js';
+import '../../../chunk-CRY67BIF.js';
+import '../../../chunk-HJC6U46F.js';
+import '../../../chunk-GO35FTNJ.js';
+import '../../../chunk-PSVQ7ZNX.js';
+import '../../../chunk-FLF5AMNO.js';
+import '../../../chunk-WFJQ43SM.js';
+import '../../../chunk-S4GKGKON.js';
+import '../../../chunk-LCDDAE7J.js';
+import '../../../chunk-R674XI7C.js';
+import '../../../chunk-WUO7OONN.js';
+import '../../../chunk-BPCCTJSK.js';
+import '../../../chunk-CGUCH322.js';
+import '../../../chunk-ELKIUARM.js';
+import '../../../chunk-ZU2GYVAP.js';
+import '../../../chunk-KSHJQ2VT.js';
+import '../../../chunk-3CLXYQKB.js';
+import '../../../chunk-JHQ5NMLZ.js';
+import '../../../chunk-CRZ2JE24.js';
+import '../../../chunk-TXGANOAX.js';
+import '../../../chunk-OITJWGFV.js';
+import '../../../chunk-Z74D6D2W.js';
+import '../../../chunk-HNY45VUQ.js';
+import '../../../chunk-IJJI4RQU.js';
+import { PlusIcon } from '../../../chunk-E7RBK6ML.js';
+import '../../../chunk-UBIGDGOP.js';
+import '../../../chunk-Q7LVUGFL.js';
+import '../../../chunk-ALMGJVMT.js';
+import '../../../chunk-QPXTBZWN.js';
+import '../../../chunk-GAKU7DFY.js';
+import '../../../chunk-T6BRD7TS.js';
+import '../../../chunk-R5XP45PD.js';
+import '../../../chunk-G5EO5FWC.js';
+import '../../../chunk-NCULQXJE.js';
+import '../../../chunk-VDYPDMYR.js';
+import '../../../chunk-WDGIQDQG.js';
+import '../../../chunk-WKRIKCJC.js';
+import '../../../chunk-7WDT2PRI.js';
+import '../../../chunk-AP5Y5M3R.js';
+import '../../../chunk-JZ4G2SJH.js';
+import '../../../chunk-KYGKJ553.js';
+import '../../../chunk-M7YSMMAC.js';
+import { MailIcon } from '../../../chunk-XQ2UDMPO.js';
+import '../../../chunk-JMCSAGZ3.js';
+import '../../../chunk-QUKDUSHD.js';
+import '../../../chunk-4NXZIMYZ.js';
+import '../../../chunk-TBKJ34BB.js';
+import '../../../chunk-2IZC7HSV.js';
+import '../../../chunk-2SDZMTB2.js';
+import '../../../chunk-R3AO6AZM.js';
+import '../../../chunk-RYOTIXZO.js';
+import '../../../chunk-W3B3UOEG.js';
+import '../../../chunk-ACRVOD7W.js';
+import '../../../chunk-QSU23VYZ.js';
+import '../../../chunk-BJYCQ2NV.js';
+import '../../../chunk-VM462WZC.js';
+import '../../../chunk-O74AEVHW.js';
+import '../../../chunk-ZUHIWALK.js';
+import '../../../chunk-5UZDOF6V.js';
+import '../../../chunk-PKVTEDKO.js';
+import '../../../chunk-I3TH7PIB.js';
+import '../../../chunk-WGPK3FQ7.js';
+import '../../../chunk-JL4MVVFH.js';
+import '../../../chunk-IQEBXXB5.js';
+import '../../../chunk-AZUJNRQU.js';
+import '../../../chunk-WA45EC4Y.js';
+import '../../../chunk-2MOEOEOI.js';
+import '../../../chunk-5LCXASRW.js';
+import '../../../chunk-2ZJVU7NV.js';
+import '../../../chunk-5ESF6N36.js';
+import '../../../chunk-RBPLOM3A.js';
+import '../../../chunk-GCUTJI7M.js';
+import '../../../chunk-2NT57K4U.js';
+import '../../../chunk-6G3RRWJT.js';
+import '../../../chunk-JRJGSNI4.js';
+import '../../../chunk-RF6ECFS5.js';
+import '../../../chunk-TV4RSQH4.js';
+import '../../../chunk-4FEAWXJD.js';
+import '../../../chunk-JHQTKMKG.js';
+import '../../../chunk-CI7GPGCJ.js';
+import '../../../chunk-226EBOTK.js';
+import '../../../chunk-G5YLGJXR.js';
+import '../../../chunk-G24VV5NO.js';
+import '../../../chunk-6BAV4TZ5.js';
+import '../../../chunk-SW6QPJM4.js';
+import '../../../chunk-V6WNRZT3.js';
+import '../../../chunk-JBK2LA6U.js';
+import '../../../chunk-55U27XY4.js';
+import '../../../chunk-LSPO6OBI.js';
+import '../../../chunk-Y56WBNCY.js';
+import '../../../chunk-KYZT3RNW.js';
+import '../../../chunk-UEG2LI7Z.js';
+import '../../../chunk-JJTQOH7J.js';
+import '../../../chunk-72X6SXOX.js';
+import '../../../chunk-SR5U52V3.js';
+import '../../../chunk-74RKVIBV.js';
+import '../../../chunk-AWIJHDNK.js';
+import '../../../chunk-BRP6D56U.js';
+import '../../../chunk-S733NAYS.js';
+import '../../../chunk-MAUTIHQG.js';
+import '../../../chunk-666N6OTL.js';
+import '../../../chunk-FMH55OKV.js';
+import '../../../chunk-WXVNTJIB.js';
+import { CheckIcon } from '../../../chunk-CXACRCZ4.js';
+import '../../../chunk-T7H53CK2.js';
+import '../../../chunk-BFLN54VR.js';
+import '../../../chunk-P6IRHPFM.js';
+import '../../../chunk-SXHYB7JB.js';
+import '../../../chunk-ONGJ7AC2.js';
+import '../../../chunk-UHXGBV5N.js';
+import '../../../chunk-UIUMTURU.js';
+import '../../../chunk-PRUXIDBD.js';
+import '../../../chunk-NURPUVUV.js';
+import '../../../chunk-HJBXUXTD.js';
+import '../../../chunk-ASKFAYYR.js';
+import '../../../chunk-QYZT24TS.js';
+import * as React from 'react';
+import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import * as z from 'zod';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var inviteSchema = z.object({
+  email: z.string().email({ message: "Please enter a valid email address." }),
+  role: z.enum(["admin", "member", "guest"])
+});
+function InviteUserModal({ onInvite, onInvited }) {
+  const [open, setOpen] = React.useState(false);
+  const [isPending, startTransition] = React.useTransition();
+  const [submitError, setSubmitError] = React.useState();
+  const {
+    register,
+    handleSubmit,
+    setValue,
+    reset,
+    formState: { errors }
+  } = useForm({
+    resolver: zodResolver(inviteSchema),
+    defaultValues: {
+      role: "member"
+    }
+  });
+  function onSubmit(values) {
+    setSubmitError(void 0);
+    startTransition(() => {
+      void Promise.resolve(onInvite?.(values)).then((result) => {
+        if (result === false) {
+          setSubmitError("Failed to send invitation.");
+          return;
+        }
+        if (typeof result === "object" && result !== null && "success" in result && result.success === false) {
+          setSubmitError(result.error ?? "Failed to send invitation.");
+          return;
+        }
+        setOpen(false);
+        reset();
+        onInvited?.();
+      }).catch(() => {
+        setSubmitError("Failed to send invitation.");
+      });
+    });
+  }
+  return /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "accent", className: "gap-2", children: [
+      /* @__PURE__ */ jsx(PlusIcon, { size: 16 }),
+      "Invite User"
+    ] }) }),
+    /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: "Invite Teammate" }),
+        /* @__PURE__ */ jsx(DialogDescription, { children: "Send an invitation to join your workspace. They will receive an email with a magic link." })
+      ] }),
+      /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-6 pt-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: "Email Address" }),
+          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx(MailIcon, { size: 16, className: "absolute left-4 top-2.5 text-text-tertiary" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "email",
+                placeholder: "colleague@company.com",
+                className: "pl-10",
+                ...register("email")
+              }
+            )
+          ] }),
+          errors.email && /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-destructive", children: errors.email.message })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { children: "Role" }),
+          /* @__PURE__ */ jsxs(
+            Select,
+            {
+              defaultValue: "member",
+              onValueChange: (val) => setValue("role", val),
+              children: [
+                /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a role" }) }),
+                /* @__PURE__ */ jsxs(SelectContent, { children: [
+                  /* @__PURE__ */ jsx(SelectItem, { value: "admin", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx(RoleBadge, { role: "admin" }),
+                    /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: "Full access" })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(SelectItem, { value: "member", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx(RoleBadge, { role: "member" }),
+                    /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: "Can view and edit" })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(SelectItem, { value: "guest", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx(RoleBadge, { role: "guest" }),
+                    /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: "View only" })
+                  ] }) })
+                ] })
+              ]
+            }
+          ),
+          errors.role && /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-destructive", children: errors.role.message })
+        ] }),
+        /* @__PURE__ */ jsxs(DialogFooter, { children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: () => setOpen(false),
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { type: "submit", variant: "accent", disabled: isPending, children: isPending ? /* @__PURE__ */ jsx(Fragment, { children: "Sending..." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(CheckIcon, { size: 16, className: "mr-2" }),
+            " Send Invite"
+          ] }) })
+        ] }),
+        !!submitError && /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-destructive", children: submitError })
+      ] })
+    ] })
+  ] });
+}
+
+export { InviteUserModal };

package/dist/components/layout/Grid.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    fluid?: boolean;
+    ref?: React.Ref<HTMLDivElement>;
+}
+export declare function Container({ className, fluid, ref, ...props }: ContainerProps): import("react/jsx-runtime").JSX.Element;
+interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+    cols?: 1 | 2 | 3 | 4;
+    gap?: 'sm' | 'md' | 'lg' | 'xl';
+    ref?: React.Ref<HTMLDivElement>;
+}
+export declare function Grid({ className, cols, gap, ref, ...props }: GridProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/layout/Grid.js

@@ -0,0 +1,42 @@
+'use client';
+import { cn } from '../../chunk-QYZT24TS.js';
+import { jsx } from 'react/jsx-runtime';
+
+function Container({ className, fluid = false, ref, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "w-full mx-auto px-4 md:px-6 lg:px-8",
+        !fluid && "max-w-7xl",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Grid({ className, cols = 1, gap = "md", ref, ...props }) {
+  const colsClass = {
+    1: "grid-cols-1",
+    2: "grid-cols-1 md:grid-cols-2",
+    3: "grid-cols-1 md:grid-cols-3",
+    4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4"
+  };
+  const gapClass = {
+    sm: "gap-2",
+    md: "gap-4",
+    lg: "gap-8",
+    xl: "gap-12"
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("grid", colsClass[cols], gapClass[gap], className),
+      ...props
+    }
+  );
+}
+
+export { Container, Grid };

package/dist/components/layout/GridSystem.d.ts

@@ -0,0 +1,51 @@
+import * as React from "react";
+interface GridConfig {
+    columns: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+    };
+    gutter: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+    };
+    margin: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number | "auto";
+    };
+    maxWidth: number;
+}
+interface GridSystemProps extends React.HTMLAttributes<HTMLDivElement> {
+    config?: Partial<GridConfig>;
+    showGuides?: boolean;
+}
+declare function GridSystemRoot({ config: configOverride, showGuides, className, children, style: styleProp, ...props }: GridSystemProps): import("react/jsx-runtime").JSX.Element;
+interface GridRowProps extends React.HTMLAttributes<HTMLDivElement> {
+    gap?: number;
+    align?: "start" | "center" | "end" | "stretch";
+}
+declare function GridRow({ gap, align, className, style: styleProp, ...props }: GridRowProps): import("react/jsx-runtime").JSX.Element;
+interface CellProps extends React.HTMLAttributes<HTMLDivElement> {
+    span?: number | {
+        xs?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+    };
+    offset?: number;
+}
+declare function Cell({ span, offset, className, style: styleProp, ...props }: CellProps): import("react/jsx-runtime").JSX.Element;
+export declare const GridSystem: typeof GridSystemRoot & {
+    Grid: typeof GridRow;
+    Cell: typeof Cell;
+};
+export type { GridConfig, GridSystemProps, GridRowProps, CellProps };

package/dist/components/layout/GridSystem.js

@@ -0,0 +1,115 @@
+'use client';
+import { cn } from '../../chunk-QYZT24TS.js';
+import * as React from 'react';
+import { use } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var DEFAULT_CONFIG = {
+  columns: { xs: 4, sm: 8, md: 12, lg: 12, xl: 12 },
+  gutter: { xs: 16, sm: 20, md: 24, lg: 32, xl: 32 },
+  margin: { xs: 16, sm: 24, md: 32, lg: 48, xl: "auto" },
+  maxWidth: 1280
+};
+var GridContext = React.createContext(DEFAULT_CONFIG);
+function GridSystemRoot({
+  config: configOverride,
+  showGuides = false,
+  className,
+  children,
+  style: styleProp,
+  ...props
+}) {
+  const config = React.useMemo(
+    () => ({
+      ...DEFAULT_CONFIG,
+      ...configOverride,
+      columns: { ...DEFAULT_CONFIG.columns, ...configOverride?.columns },
+      gutter: { ...DEFAULT_CONFIG.gutter, ...configOverride?.gutter },
+      margin: { ...DEFAULT_CONFIG.margin, ...configOverride?.margin }
+    }),
+    [configOverride]
+  );
+  return /* @__PURE__ */ jsx(GridContext.Provider, { value: config, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("relative mx-auto w-full", className),
+      style: {
+        maxWidth: config.maxWidth,
+        ...styleProp
+      },
+      ...props,
+      children: [
+        !!showGuides && /* @__PURE__ */ jsx(GuideOverlay, { config }),
+        children
+      ]
+    }
+  ) });
+}
+function GuideOverlay({ config }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "pointer-events-none absolute inset-0 z-max",
+      "aria-hidden": true,
+      "data-testid": "grid-guides",
+      style: {
+        display: "grid",
+        gridTemplateColumns: `repeat(var(--grid-cols, ${config.columns.md}), 1fr)`,
+        gap: `${config.gutter.md}px`,
+        paddingInline: typeof config.margin.md === "number" ? `${config.margin.md}px` : void 0
+      },
+      children: Array.from({ length: config.columns.md }, (_, i) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "h-full bg-accent/5 rounded-sm",
+          style: { minHeight: "100%" }
+        },
+        i
+      ))
+    }
+  );
+}
+function GridRow({ gap, align = "stretch", className, style: styleProp, ...props }) {
+  const config = use(GridContext);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("grid", className),
+      style: {
+        gridTemplateColumns: `repeat(var(--grid-cols, ${config.columns.md}), 1fr)`,
+        gap: gap != null ? `${gap}px` : `calc(${config.gutter.md}px * var(--grid-gutter-scale, 1))`,
+        alignItems: align,
+        paddingInline: typeof config.margin.md === "number" ? `${config.margin.md}px` : void 0,
+        ...styleProp
+      },
+      ...props
+    }
+  );
+}
+function Cell({ span = 1, offset, className, style: styleProp, ...props }) {
+  const resolvedSpan = typeof span === "number" ? span : span.md ?? 1;
+  const responsiveClasses = React.useMemo(() => typeof span === "object" ? [
+    span.xs && `col-span-${span.xs}`,
+    span.sm && `sm:col-span-${span.sm}`,
+    span.md && `md:col-span-${span.md}`,
+    span.lg && `lg:col-span-${span.lg}`,
+    span.xl && `xl:col-span-${span.xl}`
+  ].filter(Boolean) : [], [span]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(responsiveClasses.length === 0 && `col-span-${resolvedSpan}`, ...responsiveClasses, className),
+      style: {
+        ...offset != null && { gridColumnStart: offset + 1 },
+        ...styleProp
+      },
+      ...props
+    }
+  );
+}
+var GridSystem = Object.assign(GridSystemRoot, {
+  Grid: GridRow,
+  Cell
+});
+
+export { GridSystem };

package/dist/components/logos/Gemini.d.ts

@@ -0,0 +1,2 @@
+import { type SVGProps } from 'react';
+export declare function Gemini(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/logos/Gemini.js

@@ -0,0 +1,2 @@
+'use client';
+export { Gemini } from '../../chunk-TSVN5A2F.js';

package/dist/components/logos/GooglePaLM.d.ts

@@ -0,0 +1,2 @@
+import type { SVGProps } from 'react';
+export declare function GooglePaLM(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/logos/GooglePaLM.js

@@ -0,0 +1,2 @@
+'use client';
+export { GooglePaLM } from '../../chunk-PX2WVDDB.js';

package/dist/components/logos/MagicUI.d.ts

@@ -0,0 +1,2 @@
+import type { SVGProps } from 'react';
+export declare function MagicUI(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/logos/MagicUI.js

@@ -0,0 +1,2 @@
+'use client';
+export { MagicUI } from '../../chunk-BZYMCJHW.js';

package/dist/components/logos/MediaWiki.d.ts

@@ -0,0 +1,2 @@
+import { type SVGProps } from 'react';
+export declare function MediaWiki(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/logos/MediaWiki.js

@@ -0,0 +1,2 @@
+'use client';
+export { MediaWiki } from '../../chunk-H466RJCI.js';

package/dist/components/logos/Replit.d.ts

@@ -0,0 +1,2 @@
+import { type SVGProps } from 'react';
+export declare function Replit(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/logos/Replit.js

@@ -0,0 +1,2 @@
+'use client';
+export { Replit } from '../../chunk-DT6DGTVW.js';

package/dist/components/logos/VSCodium.d.ts

@@ -0,0 +1,2 @@
+import { type SVGProps } from 'react';
+export declare function VSCodium(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/logos/VSCodium.js

@@ -0,0 +1,2 @@
+'use client';
+export { VSCodium } from '../../chunk-J5DRK4RF.js';

package/dist/components/logos/index.d.ts

@@ -0,0 +1,6 @@
+export { Gemini } from './Gemini';
+export { Replit } from './Replit';
+export { MagicUI } from './MagicUI';
+export { VSCodium } from './VSCodium';
+export { MediaWiki } from './MediaWiki';
+export { GooglePaLM } from './GooglePaLM';

package/dist/components/logos/index.js

@@ -0,0 +1,7 @@
+import '../../chunk-3ZDYYZDD.js';
+export { GooglePaLM } from '../../chunk-PX2WVDDB.js';
+export { MagicUI } from '../../chunk-BZYMCJHW.js';
+export { MediaWiki } from '../../chunk-H466RJCI.js';
+export { Replit } from '../../chunk-DT6DGTVW.js';
+export { VSCodium } from '../../chunk-J5DRK4RF.js';
+export { Gemini } from '../../chunk-TSVN5A2F.js';

package/dist/components/ui/Accordion.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+declare function AccordionItem({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> & {
+    ref?: React.Ref<React.ElementRef<typeof AccordionPrimitive.Item>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function AccordionTrigger({ className, children, ref, ...props }: React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> & {
+    ref?: React.Ref<React.ElementRef<typeof AccordionPrimitive.Trigger>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function AccordionContent({ className, children, ref, ...props }: React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> & {
+    ref?: React.Ref<React.ElementRef<typeof AccordionPrimitive.Content>>;
+}): import("react/jsx-runtime").JSX.Element;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };