@invergent/ui-sdk 0.0.0-stage → 2.19.0

package/dist/confirm-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/confirm-dialog.tsx"],"names":[],"mappings":";;;;;;;AA8BO,SAAS,aAAA,CAAc;AAAA,EAC5B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA,GAAe,SAAA;AAAA,EACf,WAAA;AAAA,EACA,OAAA,GAAU,aAAA;AAAA,EACV,eAAA,GAAkB,KAAA;AAAA,EAClB,SAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAE5C,EAAA,MAAM,gBAAgB,YAAY;AAChC,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,IAAI;AACF,MAAA,MAAM,SAAA,EAAU;AAAA,IAClB,CAAA,SAAE;AACA,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB;AAAA,EACF,CAAA;AAEA,EAAA,uBACE,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAY,YAAA,EAAc,CAAC,CAAA,KAAM;AAAE,IAAA,IAAI,CAAC,CAAA,IAAK,CAAC,OAAA,EAAS,QAAA,EAAS;AAAA,EAAG,CAAA,EAEzE,QAAA,kBAAA,IAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,eAAA,EAAiB,KAAA;AAAA,MACjB,SAAA,EAAU,yCAAA;AAAA,MAEV,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,eAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,0BACpB,GAAA,CAAC,qBAAmB,QAAA,EAAA,WAAA,EAAY;AAAA,SAAA,EAClC,CAAA;AAAA,wBACA,IAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAU,QAAA,EACtB,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,SAAA;AAAA,cACR,QAAA,EAAU,OAAA;AAAA,cACV,OAAA,EAAS,QAAA;AAAA,cACV,QAAA,EAAA;AAAA;AAAA,WAED;AAAA,0BACA,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,OAAA;AAAA,cACA,UAAU,OAAA,IAAW,eAAA;AAAA,cACrB,OAAA,EAAS,aAAA;AAAA,cAER,QAAA,EAAA;AAAA,gBAAA,OAAA,uBAAW,OAAA,EAAA,EAAQ,SAAA,EAAU,qBAAA,EAAsB,IAAA,EAAM,IAAI,CAAA,GAAK,WAAA;AAAA,gBAClE;AAAA;AAAA;AAAA;AACH,SAAA,EACF;AAAA;AAAA;AAAA,GACF,EACF,CAAA;AAEJ","file":"confirm-dialog.js","sourcesContent":["// Copyright (c) 2026, Invergent SA, developed by Flavius Burca\n// SPDX-License-Identifier: AGPL-3.0-only\n//\nimport { useState } from \"react\";\nimport { Loader2 } from \"lucide-react\";\nimport { Button } from \"./button\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  DialogFooter,\n} from \"./dialog\";\n\ninterface ConfirmDialogProps {\n  open: boolean;\n  title: string;\n  description: React.ReactNode;\n  confirmLabel?: string;\n  confirmIcon?: React.ReactNode;\n  variant?: \"destructive\" | \"default\";\n  /** Disables the confirm button. Use when the action is known\n   *  to be invalid (e.g. an in-use entity) and the dialog only\n   *  exists to explain why. */\n  confirmDisabled?: boolean;\n  onConfirm: () => Promise<void> | void;\n  onCancel: () => void;\n}\n\nexport function ConfirmDialog({\n  open,\n  title,\n  description,\n  confirmLabel = \"Confirm\",\n  confirmIcon,\n  variant = \"destructive\",\n  confirmDisabled = false,\n  onConfirm,\n  onCancel,\n}: ConfirmDialogProps) {\n  const [loading, setLoading] = useState(false);\n\n  const handleConfirm = async () => {\n    setLoading(true);\n    try {\n      await onConfirm();\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={(o) => { if (!o && !loading) onCancel(); }}>\n      {/* Work's confirm: compact, no close button — Cancel and Escape do it. */}\n      <DialogContent\n        showCloseButton={false}\n        className=\"gap-3.5 px-6 pt-6 pb-5 sm:max-w-[430px]\"\n      >\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          <DialogDescription>{description}</DialogDescription>\n        </DialogHeader>\n        <DialogFooter className=\"pt-1.5\">\n          <Button\n            variant=\"outline\"\n            disabled={loading}\n            onClick={onCancel}\n          >\n            Cancel\n          </Button>\n          <Button\n            variant={variant}\n            disabled={loading || confirmDisabled}\n            onClick={handleConfirm}\n          >\n            {loading ? <Loader2 className=\"animate-spin mr-1.5\" size={14} /> : confirmIcon}\n            {confirmLabel}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"]}

package/dist/control-styles.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+// src/control-styles.tsx
+var CONTROL_FIELD = "w-full rounded-[10px] border border-foreground/10 bg-foreground/[0.04] px-3 py-2.5 text-[12px] text-foreground outline-none transition-colors placeholder:text-muted-foreground/50 focus:border-foreground/20 focus:bg-foreground/[0.06] disabled:cursor-not-allowed disabled:opacity-70 sm:py-2";
+var CONTROL_PRIMARY_BTN = "inline-flex min-h-11 items-center justify-center gap-1.5 rounded-[9px] bg-foreground/[0.08] px-4 text-[13px] font-semibold text-foreground transition-colors disabled:cursor-not-allowed disabled:opacity-45 pointer-fine:min-h-0 sm:py-2 sm:hover:bg-foreground/[0.12] sm:disabled:hover:bg-foreground/[0.08]";
+var CONTROL_OUTLINE_BTN = "inline-flex min-h-11 items-center justify-center gap-1.5 rounded-[9px] border border-foreground/15 px-4 text-[13px] font-semibold text-foreground transition-colors disabled:cursor-not-allowed disabled:opacity-50 pointer-fine:min-h-0 sm:py-2 sm:hover:bg-foreground/[0.05]";
+var CONTROL_REMOVE_BTN = "inline-flex min-h-11 shrink-0 items-center justify-center rounded-[8px] px-3 text-[12px] font-medium text-muted-foreground transition-colors disabled:cursor-not-allowed disabled:opacity-50 pointer-fine:min-h-0 sm:px-2.5 sm:py-1.5 sm:hover:bg-destructive/10 sm:hover:text-destructive";
+var CONTROL_OPTION = "bg-background text-foreground";
+
+exports.CONTROL_FIELD = CONTROL_FIELD;
+exports.CONTROL_OPTION = CONTROL_OPTION;
+exports.CONTROL_OUTLINE_BTN = CONTROL_OUTLINE_BTN;
+exports.CONTROL_PRIMARY_BTN = CONTROL_PRIMARY_BTN;
+exports.CONTROL_REMOVE_BTN = CONTROL_REMOVE_BTN;
+//# sourceMappingURL=control-styles.cjs.map
+//# sourceMappingURL=control-styles.cjs.map

package/dist/control-styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/control-styles.tsx"],"names":[],"mappings":";;;AAWO,IAAM,aAAA,GACX;AAEK,IAAM,mBAAA,GACX;AAEK,IAAM,mBAAA,GACX;AAEK,IAAM,kBAAA,GACX;AAMK,IAAM,cAAA,GAAiB","file":"control-styles.cjs","sourcesContent":["// Copyright (c) 2026, Invergent SA, developed by Flavius Burca\n// SPDX-License-Identifier: AGPL-3.0-only\n//\n// Class strings for the Work console's compact form controls (its coding,\n// SSH, repo and follow-up settings), for markup that cannot be a component —\n// a native <select>, a bare <button> in a dense row. A .tsx only so the\n// build publishes it like every other entry (\"@invergent/ui-sdk/control-styles\").\n//\n// The `min-h-11` / `pointer-fine:min-h-0` pairing is the pattern throughout: phones get\n// the 44px iOS minimum, desktop keeps the original compact density.\n\nexport const CONTROL_FIELD =\n  \"w-full rounded-[10px] border border-foreground/10 bg-foreground/[0.04] px-3 py-2.5 text-[12px] text-foreground outline-none transition-colors placeholder:text-muted-foreground/50 focus:border-foreground/20 focus:bg-foreground/[0.06] disabled:cursor-not-allowed disabled:opacity-70 sm:py-2\";\n\nexport const CONTROL_PRIMARY_BTN =\n  \"inline-flex min-h-11 items-center justify-center gap-1.5 rounded-[9px] bg-foreground/[0.08] px-4 text-[13px] font-semibold text-foreground transition-colors disabled:cursor-not-allowed disabled:opacity-45 pointer-fine:min-h-0 sm:py-2 sm:hover:bg-foreground/[0.12] sm:disabled:hover:bg-foreground/[0.08]\";\n\nexport const CONTROL_OUTLINE_BTN =\n  \"inline-flex min-h-11 items-center justify-center gap-1.5 rounded-[9px] border border-foreground/15 px-4 text-[13px] font-semibold text-foreground transition-colors disabled:cursor-not-allowed disabled:opacity-50 pointer-fine:min-h-0 sm:py-2 sm:hover:bg-foreground/[0.05]\";\n\nexport const CONTROL_REMOVE_BTN =\n  \"inline-flex min-h-11 shrink-0 items-center justify-center rounded-[8px] px-3 text-[12px] font-medium text-muted-foreground transition-colors disabled:cursor-not-allowed disabled:opacity-50 pointer-fine:min-h-0 sm:px-2.5 sm:py-1.5 sm:hover:bg-destructive/10 sm:hover:text-destructive\";\n\n// A native <select>'s dropdown list is painted by the OS, which ignores the\n// page's theme, so each <option> has to restate the tokens itself. One\n// string rather than one per element: a token rename should not be a\n// find-and-replace across a file.\nexport const CONTROL_OPTION = \"bg-background text-foreground\";\n"]}

package/dist/control-styles.d.cts

@@ -0,0 +1,7 @@
+declare const CONTROL_FIELD = "w-full rounded-[10px] border border-foreground/10 bg-foreground/[0.04] px-3 py-2.5 text-[12px] text-foreground outline-none transition-colors placeholder:text-muted-foreground/50 focus:border-foreground/20 focus:bg-foreground/[0.06] disabled:cursor-not-allowed disabled:opacity-70 sm:py-2";
+declare const CONTROL_PRIMARY_BTN = "inline-flex min-h-11 items-center justify-center gap-1.5 rounded-[9px] bg-foreground/[0.08] px-4 text-[13px] font-semibold text-foreground transition-colors disabled:cursor-not-allowed disabled:opacity-45 pointer-fine:min-h-0 sm:py-2 sm:hover:bg-foreground/[0.12] sm:disabled:hover:bg-foreground/[0.08]";
+declare const CONTROL_OUTLINE_BTN = "inline-flex min-h-11 items-center justify-center gap-1.5 rounded-[9px] border border-foreground/15 px-4 text-[13px] font-semibold text-foreground transition-colors disabled:cursor-not-allowed disabled:opacity-50 pointer-fine:min-h-0 sm:py-2 sm:hover:bg-foreground/[0.05]";
+declare const CONTROL_REMOVE_BTN = "inline-flex min-h-11 shrink-0 items-center justify-center rounded-[8px] px-3 text-[12px] font-medium text-muted-foreground transition-colors disabled:cursor-not-allowed disabled:opacity-50 pointer-fine:min-h-0 sm:px-2.5 sm:py-1.5 sm:hover:bg-destructive/10 sm:hover:text-destructive";
+declare const CONTROL_OPTION = "bg-background text-foreground";
+
+export { CONTROL_FIELD, CONTROL_OPTION, CONTROL_OUTLINE_BTN, CONTROL_PRIMARY_BTN, CONTROL_REMOVE_BTN };

package/dist/control-styles.d.ts

@@ -0,0 +1,7 @@
+declare const CONTROL_FIELD = "w-full rounded-[10px] border border-foreground/10 bg-foreground/[0.04] px-3 py-2.5 text-[12px] text-foreground outline-none transition-colors placeholder:text-muted-foreground/50 focus:border-foreground/20 focus:bg-foreground/[0.06] disabled:cursor-not-allowed disabled:opacity-70 sm:py-2";
+declare const CONTROL_PRIMARY_BTN = "inline-flex min-h-11 items-center justify-center gap-1.5 rounded-[9px] bg-foreground/[0.08] px-4 text-[13px] font-semibold text-foreground transition-colors disabled:cursor-not-allowed disabled:opacity-45 pointer-fine:min-h-0 sm:py-2 sm:hover:bg-foreground/[0.12] sm:disabled:hover:bg-foreground/[0.08]";
+declare const CONTROL_OUTLINE_BTN = "inline-flex min-h-11 items-center justify-center gap-1.5 rounded-[9px] border border-foreground/15 px-4 text-[13px] font-semibold text-foreground transition-colors disabled:cursor-not-allowed disabled:opacity-50 pointer-fine:min-h-0 sm:py-2 sm:hover:bg-foreground/[0.05]";
+declare const CONTROL_REMOVE_BTN = "inline-flex min-h-11 shrink-0 items-center justify-center rounded-[8px] px-3 text-[12px] font-medium text-muted-foreground transition-colors disabled:cursor-not-allowed disabled:opacity-50 pointer-fine:min-h-0 sm:px-2.5 sm:py-1.5 sm:hover:bg-destructive/10 sm:hover:text-destructive";
+declare const CONTROL_OPTION = "bg-background text-foreground";
+
+export { CONTROL_FIELD, CONTROL_OPTION, CONTROL_OUTLINE_BTN, CONTROL_PRIMARY_BTN, CONTROL_REMOVE_BTN };

package/dist/control-styles.js

@@ -0,0 +1,10 @@
+// src/control-styles.tsx
+var CONTROL_FIELD = "w-full rounded-[10px] border border-foreground/10 bg-foreground/[0.04] px-3 py-2.5 text-[12px] text-foreground outline-none transition-colors placeholder:text-muted-foreground/50 focus:border-foreground/20 focus:bg-foreground/[0.06] disabled:cursor-not-allowed disabled:opacity-70 sm:py-2";
+var CONTROL_PRIMARY_BTN = "inline-flex min-h-11 items-center justify-center gap-1.5 rounded-[9px] bg-foreground/[0.08] px-4 text-[13px] font-semibold text-foreground transition-colors disabled:cursor-not-allowed disabled:opacity-45 pointer-fine:min-h-0 sm:py-2 sm:hover:bg-foreground/[0.12] sm:disabled:hover:bg-foreground/[0.08]";
+var CONTROL_OUTLINE_BTN = "inline-flex min-h-11 items-center justify-center gap-1.5 rounded-[9px] border border-foreground/15 px-4 text-[13px] font-semibold text-foreground transition-colors disabled:cursor-not-allowed disabled:opacity-50 pointer-fine:min-h-0 sm:py-2 sm:hover:bg-foreground/[0.05]";
+var CONTROL_REMOVE_BTN = "inline-flex min-h-11 shrink-0 items-center justify-center rounded-[8px] px-3 text-[12px] font-medium text-muted-foreground transition-colors disabled:cursor-not-allowed disabled:opacity-50 pointer-fine:min-h-0 sm:px-2.5 sm:py-1.5 sm:hover:bg-destructive/10 sm:hover:text-destructive";
+var CONTROL_OPTION = "bg-background text-foreground";
+
+export { CONTROL_FIELD, CONTROL_OPTION, CONTROL_OUTLINE_BTN, CONTROL_PRIMARY_BTN, CONTROL_REMOVE_BTN };
+//# sourceMappingURL=control-styles.js.map
+//# sourceMappingURL=control-styles.js.map

package/dist/control-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/control-styles.tsx"],"names":[],"mappings":";AAWO,IAAM,aAAA,GACX;AAEK,IAAM,mBAAA,GACX;AAEK,IAAM,mBAAA,GACX;AAEK,IAAM,kBAAA,GACX;AAMK,IAAM,cAAA,GAAiB","file":"control-styles.js","sourcesContent":["// Copyright (c) 2026, Invergent SA, developed by Flavius Burca\n// SPDX-License-Identifier: AGPL-3.0-only\n//\n// Class strings for the Work console's compact form controls (its coding,\n// SSH, repo and follow-up settings), for markup that cannot be a component —\n// a native <select>, a bare <button> in a dense row. A .tsx only so the\n// build publishes it like every other entry (\"@invergent/ui-sdk/control-styles\").\n//\n// The `min-h-11` / `pointer-fine:min-h-0` pairing is the pattern throughout: phones get\n// the 44px iOS minimum, desktop keeps the original compact density.\n\nexport const CONTROL_FIELD =\n  \"w-full rounded-[10px] border border-foreground/10 bg-foreground/[0.04] px-3 py-2.5 text-[12px] text-foreground outline-none transition-colors placeholder:text-muted-foreground/50 focus:border-foreground/20 focus:bg-foreground/[0.06] disabled:cursor-not-allowed disabled:opacity-70 sm:py-2\";\n\nexport const CONTROL_PRIMARY_BTN =\n  \"inline-flex min-h-11 items-center justify-center gap-1.5 rounded-[9px] bg-foreground/[0.08] px-4 text-[13px] font-semibold text-foreground transition-colors disabled:cursor-not-allowed disabled:opacity-45 pointer-fine:min-h-0 sm:py-2 sm:hover:bg-foreground/[0.12] sm:disabled:hover:bg-foreground/[0.08]\";\n\nexport const CONTROL_OUTLINE_BTN =\n  \"inline-flex min-h-11 items-center justify-center gap-1.5 rounded-[9px] border border-foreground/15 px-4 text-[13px] font-semibold text-foreground transition-colors disabled:cursor-not-allowed disabled:opacity-50 pointer-fine:min-h-0 sm:py-2 sm:hover:bg-foreground/[0.05]\";\n\nexport const CONTROL_REMOVE_BTN =\n  \"inline-flex min-h-11 shrink-0 items-center justify-center rounded-[8px] px-3 text-[12px] font-medium text-muted-foreground transition-colors disabled:cursor-not-allowed disabled:opacity-50 pointer-fine:min-h-0 sm:px-2.5 sm:py-1.5 sm:hover:bg-destructive/10 sm:hover:text-destructive\";\n\n// A native <select>'s dropdown list is painted by the OS, which ignores the\n// page's theme, so each <option> has to restate the tokens itself. One\n// string rather than one per element: a token rename should not be a\n// find-and-replace across a file.\nexport const CONTROL_OPTION = \"bg-background text-foreground\";\n"]}

package/dist/dialog.cjs

@@ -0,0 +1,50 @@
+'use strict';
+
+var chunkID7MWMJO_cjs = require('./chunk-ID7MWMJO.cjs');
+require('./chunk-VBICNC43.cjs');
+require('./chunk-6YHDDRIM.cjs');
+
+
+
+Object.defineProperty(exports, "Dialog", {
+  enumerable: true,
+  get: function () { return chunkID7MWMJO_cjs.Dialog; }
+});
+Object.defineProperty(exports, "DialogClose", {
+  enumerable: true,
+  get: function () { return chunkID7MWMJO_cjs.DialogClose; }
+});
+Object.defineProperty(exports, "DialogContent", {
+  enumerable: true,
+  get: function () { return chunkID7MWMJO_cjs.DialogContent; }
+});
+Object.defineProperty(exports, "DialogDescription", {
+  enumerable: true,
+  get: function () { return chunkID7MWMJO_cjs.DialogDescription; }
+});
+Object.defineProperty(exports, "DialogFooter", {
+  enumerable: true,
+  get: function () { return chunkID7MWMJO_cjs.DialogFooter; }
+});
+Object.defineProperty(exports, "DialogHeader", {
+  enumerable: true,
+  get: function () { return chunkID7MWMJO_cjs.DialogHeader; }
+});
+Object.defineProperty(exports, "DialogOverlay", {
+  enumerable: true,
+  get: function () { return chunkID7MWMJO_cjs.DialogOverlay; }
+});
+Object.defineProperty(exports, "DialogPortal", {
+  enumerable: true,
+  get: function () { return chunkID7MWMJO_cjs.DialogPortal; }
+});
+Object.defineProperty(exports, "DialogTitle", {
+  enumerable: true,
+  get: function () { return chunkID7MWMJO_cjs.DialogTitle; }
+});
+Object.defineProperty(exports, "DialogTrigger", {
+  enumerable: true,
+  get: function () { return chunkID7MWMJO_cjs.DialogTrigger; }
+});
+//# sourceMappingURL=dialog.cjs.map
+//# sourceMappingURL=dialog.cjs.map

package/dist/dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"dialog.cjs"}

package/dist/dialog.d.cts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Dialog as Dialog$1 } from 'radix-ui';
+
+declare function Dialog({ ...props }: React.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime.JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof Dialog$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof Dialog$1.Portal>): react_jsx_runtime.JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof Dialog$1.Close>): react_jsx_runtime.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof Dialog$1.Overlay>): react_jsx_runtime.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof Dialog$1.Content> & {
+    showCloseButton?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof Dialog$1.Title>): react_jsx_runtime.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof Dialog$1.Description>): react_jsx_runtime.JSX.Element;
+
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/dialog.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Dialog as Dialog$1 } from 'radix-ui';
+
+declare function Dialog({ ...props }: React.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime.JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof Dialog$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof Dialog$1.Portal>): react_jsx_runtime.JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof Dialog$1.Close>): react_jsx_runtime.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof Dialog$1.Overlay>): react_jsx_runtime.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof Dialog$1.Content> & {
+    showCloseButton?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof Dialog$1.Title>): react_jsx_runtime.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof Dialog$1.Description>): react_jsx_runtime.JSX.Element;
+
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/dialog.js

@@ -0,0 +1,5 @@
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './chunk-T74Z3WTK.js';
+import './chunk-A44JJ6NH.js';
+import './chunk-LZGII7SX.js';
+//# sourceMappingURL=dialog.js.map
+//# sourceMappingURL=dialog.js.map

package/dist/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"dialog.js"}

package/dist/dropdown-menu.cjs

@@ -0,0 +1,265 @@
+'use strict';
+
+var chunk6YHDDRIM_cjs = require('./chunk-6YHDDRIM.cjs');
+var radixUi = require('radix-ui');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var MENU_SURFACE = "rounded-[10px] border border-foreground/10 bg-card p-1 text-popover-foreground shadow-[0px_10px_24px_0px_rgba(0,0,0,0.12)] dark:shadow-[0px_10px_24px_0px_rgba(0,0,0,0.5)]";
+var MENU_ROW = "relative flex min-h-11 cursor-default items-center gap-2 rounded-[6px] px-3 py-[9px] text-[13px] text-muted-foreground outline-hidden select-none pointer-fine:min-h-0 focus:bg-foreground/[0.06] focus:text-foreground data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+var MENU_CHECKED = "data-[state=checked]:bg-amber-500/10 data-[state=checked]:font-medium data-[state=checked]:text-amber-500";
+function DropdownMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.DropdownMenu.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.DropdownMenu.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+}
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.DropdownMenu.Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ...props
+    }
+  );
+}
+function DropdownMenuContent({
+  className,
+  align = "start",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.DropdownMenu.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.DropdownMenu.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      align,
+      className: chunk6YHDDRIM_cjs.cn("z-50 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) min-w-48 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto", MENU_SURFACE, "duration-100 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 data-[state=closed]:overflow-hidden data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.DropdownMenu.Group, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.DropdownMenu.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: chunk6YHDDRIM_cjs.cn(
+        "group/dropdown-menu-item",
+        MENU_ROW,
+        "data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    radixUi.DropdownMenu.CheckboxItem,
+    {
+      "data-slot": "dropdown-menu-checkbox-item",
+      "data-inset": inset,
+      className: chunk6YHDDRIM_cjs.cn(
+        MENU_ROW,
+        MENU_CHECKED,
+        "pr-8",
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "pointer-events-none absolute right-2.5 flex items-center justify-center text-amber-500",
+            "data-slot": "dropdown-menu-checkbox-item-indicator",
+            children: /* @__PURE__ */ jsxRuntime.jsx(radixUi.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(
+              lucideReact.CheckIcon,
+              {}
+            ) })
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.DropdownMenu.RadioGroup,
+    {
+      "data-slot": "dropdown-menu-radio-group",
+      ...props
+    }
+  );
+}
+function DropdownMenuRadioItem({
+  className,
+  children,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    radixUi.DropdownMenu.RadioItem,
+    {
+      "data-slot": "dropdown-menu-radio-item",
+      "data-inset": inset,
+      className: chunk6YHDDRIM_cjs.cn(
+        MENU_ROW,
+        MENU_CHECKED,
+        "pr-8",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "pointer-events-none absolute right-2.5 flex items-center justify-center text-amber-500",
+            "data-slot": "dropdown-menu-radio-item-indicator",
+            children: /* @__PURE__ */ jsxRuntime.jsx(radixUi.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(
+              lucideReact.CheckIcon,
+              {}
+            ) })
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.DropdownMenu.Label,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: chunk6YHDDRIM_cjs.cn(
+        "px-3 pt-2 pb-1 text-[11.5px] font-medium text-muted-foreground/80 data-inset:pl-8",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.DropdownMenu.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: chunk6YHDDRIM_cjs.cn("-mx-1 my-1 h-px bg-foreground/[0.06]", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "dropdown-menu-shortcut",
+      className: chunk6YHDDRIM_cjs.cn(
+        "ml-auto text-[11.5px] text-muted-foreground/70 group-focus/dropdown-menu-item:text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.DropdownMenu.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    radixUi.DropdownMenu.SubTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": inset,
+      className: chunk6YHDDRIM_cjs.cn(
+        MENU_ROW,
+        "data-open:bg-foreground/[0.06] data-open:text-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "ml-auto size-3.5 text-muted-foreground" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.DropdownMenu.SubContent,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: chunk6YHDDRIM_cjs.cn("z-50 min-w-36 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden", MENU_SURFACE, "duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+      ...props
+    }
+  );
+}
+
+exports.DropdownMenu = DropdownMenu;
+exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = DropdownMenuContent;
+exports.DropdownMenuGroup = DropdownMenuGroup;
+exports.DropdownMenuItem = DropdownMenuItem;
+exports.DropdownMenuLabel = DropdownMenuLabel;
+exports.DropdownMenuPortal = DropdownMenuPortal;
+exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
+exports.DropdownMenuShortcut = DropdownMenuShortcut;
+exports.DropdownMenuSub = DropdownMenuSub;
+exports.DropdownMenuSubContent = DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = DropdownMenuTrigger;
+//# sourceMappingURL=dropdown-menu.cjs.map
+//# sourceMappingURL=dropdown-menu.cjs.map

package/dist/dropdown-menu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dropdown-menu.tsx"],"names":["DropdownMenuPrimitive","jsx","cn","jsxs","CheckIcon","ChevronRightIcon"],"mappings":"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","file":"dropdown-menu.cjs","sourcesContent":["import * as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"./lib/utils\"\nimport { CheckIcon, ChevronRightIcon } from \"lucide-react\"\n\n// The Work console's menus (its row \"⋯\" menus and channel pickers): a 10px\n// card with a soft drop shadow, sentence-case 13px rows in muted text that\n// brighten under the pointer, and amber for what is checked. Rows reach 44px\n// on a phone and keep their compact height with a mouse.\nconst MENU_SURFACE =\n  \"rounded-[10px] border border-foreground/10 bg-card p-1 text-popover-foreground shadow-[0px_10px_24px_0px_rgba(0,0,0,0.12)] dark:shadow-[0px_10px_24px_0px_rgba(0,0,0,0.5)]\"\n\nconst MENU_ROW =\n  \"relative flex min-h-11 cursor-default items-center gap-2 rounded-[6px] px-3 py-[9px] text-[13px] text-muted-foreground outline-hidden select-none pointer-fine:min-h-0 focus:bg-foreground/[0.06] focus:text-foreground data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n\n// A checked checkbox/radio row reads like a picked option in Work's selects.\nconst MENU_CHECKED =\n  \"data-[state=checked]:bg-amber-500/10 data-[state=checked]:font-medium data-[state=checked]:text-amber-500\"\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  )\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuContent({\n  className,\n  align = \"start\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        align={align}\n        className={cn(\"z-50 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) min-w-48 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto\", MENU_SURFACE, \"duration-100 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 data-[state=closed]:overflow-hidden data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\", className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  )\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean\n  variant?: \"default\" | \"destructive\"\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"group/dropdown-menu-item\",\n        MENU_ROW,\n        \"data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      data-inset={inset}\n      className={cn(\n        MENU_ROW,\n        MENU_CHECKED,\n        \"pr-8\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span\n        className=\"pointer-events-none absolute right-2.5 flex items-center justify-center text-amber-500\"\n        data-slot=\"dropdown-menu-checkbox-item-indicator\"\n      >\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon\n          />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      data-inset={inset}\n      className={cn(\n        MENU_ROW,\n        MENU_CHECKED,\n        \"pr-8\",\n        className\n      )}\n      {...props}\n    >\n      <span\n        className=\"pointer-events-none absolute right-2.5 flex items-center justify-center text-amber-500\"\n        data-slot=\"dropdown-menu-radio-item-indicator\"\n      >\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon\n          />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-3 pt-2 pb-1 text-[11.5px] font-medium text-muted-foreground/80 data-inset:pl-8\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"-mx-1 my-1 h-px bg-foreground/[0.06]\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"ml-auto text-[11.5px] text-muted-foreground/70 group-focus/dropdown-menu-item:text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        MENU_ROW,\n        \"data-open:bg-foreground/[0.06] data-open:text-foreground\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-3.5 text-muted-foreground\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\"z-50 min-w-36 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden\", MENU_SURFACE, \"duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n}\n"]}

package/dist/dropdown-menu.d.cts

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

package/dist/dropdown-menu.d.ts

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