@demokit-ui/demokit 0.1.0

package/dist/kit/components/feedback/alert-dialog/alert-dialog.d.ts

@@ -0,0 +1,16 @@
+import { buttonVariants } from '../../form/button/button';
+import { VariantProps } from 'class-variance-authority';
+import { AlertDialog as AlertDialogPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare const AlertDialogHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+declare const AlertDialogFooter: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogAction({ className, variant, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & VariantProps<typeof buttonVariants>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };

package/dist/kit/components/feedback/alert-dialog/alert-dialog.js

@@ -0,0 +1,117 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { cn as l } from "../../../../lib/utils.js";
+import { buttonVariants as r } from "../../form/button/button.js";
+import { AlertDialog as o } from "radix-ui";
+function f({ ...t }) {
+  return /* @__PURE__ */ e(o.Root, { "data-slot": "alert-dialog", ...t });
+}
+function p({ ...t }) {
+  return /* @__PURE__ */ e(o.Trigger, { "data-slot": "alert-dialog-trigger", ...t });
+}
+function s({ ...t }) {
+  return /* @__PURE__ */ e(o.Portal, { "data-slot": "alert-dialog-portal", ...t });
+}
+function d({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
+    o.Overlay,
+    {
+      "data-slot": "alert-dialog-overlay",
+      className: l(
+        "fixed inset-0 z-50 bg-black/30 [backdrop-filter:blur(4px)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function x({ className: t, ...a }) {
+  return /* @__PURE__ */ n(s, { children: [
+    /* @__PURE__ */ e(d, {}),
+    /* @__PURE__ */ e(
+      o.Content,
+      {
+        "data-slot": "alert-dialog-content",
+        className: l(
+          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg shadow-black/5 duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 sm:rounded-lg",
+          t
+        ),
+        ...a
+      }
+    )
+  ] });
+}
+const A = ({ className: t, ...a }) => /* @__PURE__ */ e(
+  "div",
+  {
+    "data-slot": "alert-dialog-header",
+    className: l("flex flex-col space-y-2 text-center sm:text-left", t),
+    ...a
+  }
+), D = ({ className: t, ...a }) => /* @__PURE__ */ e(
+  "div",
+  {
+    "data-slot": "alert-dialog-footer",
+    className: l("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2.5", t),
+    ...a
+  }
+);
+function b({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
+    o.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: l("text-lg font-semibold", t),
+      ...a
+    }
+  );
+}
+function N({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: l("text-sm text-muted-foreground", t),
+      ...a
+    }
+  );
+}
+function v({
+  className: t,
+  variant: a,
+  ...i
+}) {
+  return /* @__PURE__ */ e(
+    o.Action,
+    {
+      "data-slot": "alert-dialog-action",
+      className: l(r({ variant: a }), t),
+      ...i
+    }
+  );
+}
+function y({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
+    o.Cancel,
+    {
+      "data-slot": "alert-dialog-cancel",
+      className: l(r({ variant: "outline" }), "mt-2 sm:mt-0", t),
+      ...a
+    }
+  );
+}
+export {
+  f as AlertDialog,
+  v as AlertDialogAction,
+  y as AlertDialogCancel,
+  x as AlertDialogContent,
+  N as AlertDialogDescription,
+  D as AlertDialogFooter,
+  A as AlertDialogHeader,
+  d as AlertDialogOverlay,
+  s as AlertDialogPortal,
+  b as AlertDialogTitle,
+  p as AlertDialogTrigger
+};

package/dist/kit/components/feedback/context-menu/context-menu.d.ts

@@ -0,0 +1,24 @@
+import { ContextMenu as ContextMenuPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare function ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuTrigger({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuPortal({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuSubContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuItem({ className, inset, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare const ContextMenuShortcut: ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, };

package/dist/kit/components/feedback/context-menu/context-menu.js

@@ -0,0 +1,183 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { cn as r } from "../../../../lib/utils.js";
+import { Check as i, Circle as u, ChevronRight as c } from "lucide-react";
+import { ContextMenu as o } from "radix-ui";
+function x({ ...t }) {
+  return /* @__PURE__ */ e(o.Root, { "data-slot": "context-menu", ...t });
+}
+function b({ ...t }) {
+  return /* @__PURE__ */ e(o.Trigger, { "data-slot": "context-menu-trigger", ...t });
+}
+function g({ ...t }) {
+  return /* @__PURE__ */ e(o.Group, { "data-slot": "context-menu-group", ...t });
+}
+function h({ ...t }) {
+  return /* @__PURE__ */ e(o.Portal, { "data-slot": "context-menu-portal", ...t });
+}
+function C({ ...t }) {
+  return /* @__PURE__ */ e(o.Sub, { "data-slot": "context-menu-sub", ...t });
+}
+function v({ ...t }) {
+  return /* @__PURE__ */ e(o.RadioGroup, { "data-slot": "context-menu-radio-group", ...t });
+}
+function M({
+  className: t,
+  inset: n,
+  children: a,
+  ...s
+}) {
+  return /* @__PURE__ */ d(
+    o.SubTrigger,
+    {
+      "data-slot": "context-menu-sub-trigger",
+      className: r(
+        "flex cursor-default select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+        "[&>svg]:pointer-events-none [&>svg]:opacity-60 [&>svg]:size-4 [&>svg]:shrink-0",
+        n && "ps-8",
+        t
+      ),
+      ...s,
+      children: [
+        a,
+        /* @__PURE__ */ e(c, { className: "ms-auto size-3.5!" })
+      ]
+    }
+  );
+}
+function N({ className: t, ...n }) {
+  return /* @__PURE__ */ e(
+    o.SubContent,
+    {
+      "data-slot": "context-menu-sub-content",
+      className: r(
+        "z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover p-2 text-popover-foreground shadow-md shadow-black/5 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        t
+      ),
+      ...n
+    }
+  );
+}
+function w({ className: t, ...n }) {
+  return /* @__PURE__ */ e(o.Portal, { children: /* @__PURE__ */ e(
+    o.Content,
+    {
+      "data-slot": "context-menu-content",
+      className: r(
+        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-2 text-popover-foreground shadow-md animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        t
+      ),
+      ...n
+    }
+  ) });
+}
+function y({
+  className: t,
+  inset: n,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Item,
+    {
+      "data-slot": "context-menu-item",
+      className: r(
+        "relative flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
+        n && "ps-8",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function I({
+  className: t,
+  children: n,
+  checked: a,
+  ...s
+}) {
+  return /* @__PURE__ */ d(
+    o.CheckboxItem,
+    {
+      "data-slot": "context-menu-checkbox-item",
+      className: r(
+        "relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
+        t
+      ),
+      checked: a,
+      ...s,
+      children: [
+        /* @__PURE__ */ e("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(o.ItemIndicator, { children: /* @__PURE__ */ e(i, { className: "h-4 w-4" }) }) }),
+        n
+      ]
+    }
+  );
+}
+function S({
+  className: t,
+  children: n,
+  ...a
+}) {
+  return /* @__PURE__ */ d(
+    o.RadioItem,
+    {
+      "data-slot": "context-menu-radio-item",
+      className: r(
+        "relative flex cursor-default select-none items-center rounded-md py-1.5 ps-8 pe-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
+        t
+      ),
+      ...a,
+      children: [
+        /* @__PURE__ */ e("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(o.ItemIndicator, { children: /* @__PURE__ */ e(u, { className: "h-2 w-2 fill-current" }) }) }),
+        n
+      ]
+    }
+  );
+}
+function z({
+  className: t,
+  inset: n,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Label,
+    {
+      "data-slot": "context-menu-label",
+      className: r("px-2 py-1.5 text-sm font-semibold text-foreground", n && "ps-8", t),
+      ...a
+    }
+  );
+}
+function k({ className: t, ...n }) {
+  return /* @__PURE__ */ e(
+    o.Separator,
+    {
+      "data-slot": "context-menu-separator",
+      className: r("-mx-2 my-1.5 h-px bg-border", t),
+      ...n
+    }
+  );
+}
+const R = ({ className: t, ...n }) => /* @__PURE__ */ e(
+  "span",
+  {
+    "data-slot": "context-menu-shortcut",
+    className: r("ms-auto text-xs tracking-widest text-muted-foreground", t),
+    ...n
+  }
+);
+export {
+  x as ContextMenu,
+  I as ContextMenuCheckboxItem,
+  w as ContextMenuContent,
+  g as ContextMenuGroup,
+  y as ContextMenuItem,
+  z as ContextMenuLabel,
+  h as ContextMenuPortal,
+  v as ContextMenuRadioGroup,
+  S as ContextMenuRadioItem,
+  k as ContextMenuSeparator,
+  R as ContextMenuShortcut,
+  C as ContextMenuSub,
+  N as ContextMenuSubContent,
+  M as ContextMenuSubTrigger,
+  b as ContextMenuTrigger
+};

package/dist/kit/components/feedback/dialog/dialog.d.ts

@@ -0,0 +1,22 @@
+import { VariantProps } from 'class-variance-authority';
+import { Dialog as DialogPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare const dialogContentVariants: (props?: ({
+    variant?: "default" | "fullscreen" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, close, overlay, variant, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & VariantProps<typeof dialogContentVariants> & {
+    close?: boolean;
+    overlay?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export default DialogContent;
+declare const DialogHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+declare const DialogFooter: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare const DialogBody: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/kit/components/feedback/dialog/dialog.js

@@ -0,0 +1,120 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { cn as l } from "../../../../lib/utils.js";
+import { cva as c } from "class-variance-authority";
+import { X as g } from "lucide-react";
+import { Dialog as o } from "radix-ui";
+const u = c(
+  "flex flex-col fixed outline-0 z-50 border border-border bg-background p-6 shadow-lg shadow-black/5 duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 sm:rounded-lg",
+  {
+    variants: {
+      variant: {
+        default: "left-[50%] top-[50%] max-w-lg translate-x-[-50%] translate-y-[-50%] w-full",
+        fullscreen: "inset-5"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function h({ ...t }) {
+  return /* @__PURE__ */ e(o.Root, { "data-slot": "dialog", ...t });
+}
+function N({ ...t }) {
+  return /* @__PURE__ */ e(o.Trigger, { "data-slot": "dialog-trigger", ...t });
+}
+function f({ ...t }) {
+  return /* @__PURE__ */ e(o.Portal, { "data-slot": "dialog-portal", ...t });
+}
+function m({ ...t }) {
+  return /* @__PURE__ */ e(o.Close, { "data-slot": "dialog-close", ...t });
+}
+function p({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
+    o.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: l(
+        "fixed inset-0 z-50 bg-black/30 [backdrop-filter:blur(4px)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function k({
+  className: t,
+  children: a,
+  close: i = !0,
+  overlay: s = !0,
+  variant: r,
+  ...d
+}) {
+  return /* @__PURE__ */ n(f, { children: [
+    s && /* @__PURE__ */ e(p, {}),
+    /* @__PURE__ */ n(
+      o.Content,
+      {
+        "data-slot": "dialog-content",
+        className: l(u({ variant: r }), t),
+        ...d,
+        children: [
+          a,
+          i && /* @__PURE__ */ n(m, { className: "cursor-pointer outline-0 absolute end-5 top-5 rounded-sm opacity-60 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+            /* @__PURE__ */ e(g, { className: "size-4" }),
+            /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+const w = ({ className: t, ...a }) => /* @__PURE__ */ e(
+  "div",
+  {
+    "data-slot": "dialog-header",
+    className: l("flex flex-col space-y-1 text-center sm:text-start mb-5", t),
+    ...a
+  }
+), C = ({ className: t, ...a }) => /* @__PURE__ */ e(
+  "div",
+  {
+    "data-slot": "dialog-footer",
+    className: l("flex flex-col-reverse sm:flex-row sm:justify-end pt-5 sm:space-x-2.5", t),
+    ...a
+  }
+);
+function z({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
+    o.Title,
+    {
+      "data-slot": "dialog-title",
+      className: l("text-lg font-semibold leading-none tracking-tight", t),
+      ...a
+    }
+  );
+}
+const T = ({ className: t, ...a }) => /* @__PURE__ */ e("div", { "data-slot": "dialog-body", className: l("grow", t), ...a });
+function j({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
+    o.Description,
+    {
+      "data-slot": "dialog-description",
+      className: l("text-sm text-muted-foreground", t),
+      ...a
+    }
+  );
+}
+export {
+  h as Dialog,
+  T as DialogBody,
+  m as DialogClose,
+  k as DialogContent,
+  j as DialogDescription,
+  C as DialogFooter,
+  w as DialogHeader,
+  p as DialogOverlay,
+  f as DialogPortal,
+  z as DialogTitle,
+  N as DialogTrigger
+};

package/dist/kit/components/feedback/drawer/drawer.d.ts

@@ -0,0 +1,13 @@
+import { Drawer as DrawerPrimitive } from 'vaul';
+import * as React from 'react';
+declare const Drawer: ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
+declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare const DrawerHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+declare const DrawerFooter: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, };

package/dist/kit/components/feedback/drawer/drawer.js

@@ -0,0 +1,76 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { cn as o } from "../../../../lib/utils.js";
+import { Drawer as a } from "vaul";
+const m = ({ shouldScaleBackground: r = !0, ...t }) => /* @__PURE__ */ e(a.Root, { shouldScaleBackground: r, ...t });
+function w({ ...r }) {
+  return /* @__PURE__ */ e(a.Trigger, { "data-slot": "drawer-trigger", ...r });
+}
+function s({ ...r }) {
+  return /* @__PURE__ */ e(a.Portal, { "data-slot": "drawer-portal", ...r });
+}
+function f({ ...r }) {
+  return /* @__PURE__ */ e(a.Close, { "data-slot": "drawer-close", ...r });
+}
+function d({ className: r, ...t }) {
+  return /* @__PURE__ */ e(
+    a.Overlay,
+    {
+      "data-slot": "drawer-overlay",
+      className: o("fixed inset-0 z-50 bg-black/80", r),
+      ...t
+    }
+  );
+}
+function g({ className: r, children: t, ...l }) {
+  return /* @__PURE__ */ n(s, { children: [
+    /* @__PURE__ */ e(d, {}),
+    /* @__PURE__ */ n(
+      a.Content,
+      {
+        "data-slot": "drawer-content",
+        className: o(
+          "bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border",
+          r
+        ),
+        ...l,
+        children: [
+          /* @__PURE__ */ e("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+          t
+        ]
+      }
+    )
+  ] });
+}
+const x = ({ className: r, ...t }) => /* @__PURE__ */ e("div", { "data-slot": "drawer-header", className: o("grid gap-1.5 p-4 text-center sm:text-left", r), ...t }), p = ({ className: r, ...t }) => /* @__PURE__ */ e("div", { "data-slot": "drawer-footer", className: o("mt-auto flex flex-col gap-2 p-4", r), ...t });
+function D({ className: r, ...t }) {
+  return /* @__PURE__ */ e(
+    a.Title,
+    {
+      "data-slot": "drawer-title",
+      className: o("text-lg font-semibold leading-none tracking-tight", r),
+      ...t
+    }
+  );
+}
+function b({ className: r, ...t }) {
+  return /* @__PURE__ */ e(
+    a.Description,
+    {
+      "data-slot": "drawer-description",
+      className: o("text-sm text-muted-foreground", r),
+      ...t
+    }
+  );
+}
+export {
+  m as Drawer,
+  f as DrawerClose,
+  g as DrawerContent,
+  b as DrawerDescription,
+  p as DrawerFooter,
+  x as DrawerHeader,
+  d as DrawerOverlay,
+  s as DrawerPortal,
+  D as DrawerTitle,
+  w as DrawerTrigger
+};

package/dist/kit/components/feedback/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,25 @@
+import { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';
+import * 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 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;
+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?: '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 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 DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): 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.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };