@databricks/appkit-ui 0.3.0 → 0.4.0

package/dist/react/ui/checkbox.js

@@ -6,6 +6,7 @@ import { CheckIcon } from "lucide-react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 
 //#region src/react/ui/checkbox.tsx
+/** Checkbox input for selecting multiple options */
 function Checkbox({ className, ...props }) {
 	return /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
 		"data-slot": "checkbox",

package/dist/react/ui/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":[],"sources":["../../../src/react/ui/checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport type * as React from \"react\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\n\nfunction Checkbox({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        // Fixed size and square shape - IMPORTANT: overrides global CSS\n        \"h-4 w-4 p-0 shrink-0 flex-shrink-0\",\n        // Base appearance\n        \"peer border-input dark:bg-input/30 rounded-[4px] border shadow-xs\",\n        // Checked states\n        \"data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary\",\n        // Focus states\n        \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none\",\n        // Error states\n        \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n        // Disabled states\n        \"disabled:cursor-not-allowed disabled:opacity-50\",\n        // Transitions\n        \"transition-shadow\",\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"grid place-content-center text-current transition-none\"\n      >\n        <CheckIcon className=\"size-3.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\nexport { Checkbox };\n"],"mappings":";;;;;;;;AAQA,SAAS,SAAS,EAChB,WACA,GAAG,SACmD;AACtD,QACE,oBAAC,kBAAkB;EACjB,aAAU;EACV,WAAW,GAET,sCAEA,qEAEA,yJAEA,8FAEA,0GAEA,mDAEA,qBACA,UACD;EACD,GAAI;YAEJ,oBAAC,kBAAkB;GACjB,aAAU;GACV,WAAU;aAEV,oBAAC,aAAU,WAAU,aAAa;IACN;GACP"}
+{"version":3,"file":"checkbox.js","names":[],"sources":["../../../src/react/ui/checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport type * as React from \"react\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\n\n/** Checkbox input for selecting multiple options */\nfunction Checkbox({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        // Fixed size and square shape - IMPORTANT: overrides global CSS\n        \"h-4 w-4 p-0 shrink-0 flex-shrink-0\",\n        // Base appearance\n        \"peer border-input dark:bg-input/30 rounded-[4px] border shadow-xs\",\n        // Checked states\n        \"data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary\",\n        // Focus states\n        \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none\",\n        // Error states\n        \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n        // Disabled states\n        \"disabled:cursor-not-allowed disabled:opacity-50\",\n        // Transitions\n        \"transition-shadow\",\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"grid place-content-center text-current transition-none\"\n      >\n        <CheckIcon className=\"size-3.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\nexport { Checkbox };\n"],"mappings":";;;;;;;;;AASA,SAAS,SAAS,EAChB,WACA,GAAG,SACmD;AACtD,QACE,oBAAC,kBAAkB;EACjB,aAAU;EACV,WAAW,GAET,sCAEA,qEAEA,yJAEA,8FAEA,0GAEA,mDAEA,qBACA,UACD;EACD,GAAI;YAEJ,oBAAC,kBAAkB;GACjB,aAAU;GACV,WAAU;aAEV,oBAAC,aAAU,WAAU,aAAa;IACN;GACP"}

package/dist/react/ui/collapsible.d.ts

@@ -2,12 +2,15 @@ import * as react_jsx_runtime58 from "react/jsx-runtime";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 
 //#region src/react/ui/collapsible.d.ts
+/** Interactive component that expands and collapses content */
 declare function Collapsible({
   ...props
 }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime58.JSX.Element;
+/** Button that toggles the collapsible content visibility */
 declare function CollapsibleTrigger({
   ...props
 }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime58.JSX.Element;
+/** Content area that can be expanded or collapsed */
 declare function CollapsibleContent({
   ...props
 }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime58.JSX.Element;

package/dist/react/ui/collapsible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.d.ts","names":[],"sources":["../../../src/react/ui/collapsible.tsx"],"sourcesContent":[],"mappings":";;;;iBAES,WAAA;;GAEN,KAAA,CAAM,sBAAsB,oBAAA,CAAqB,QAAK,mBAAA,CAAA,GAAA,CAAA;iBAIhD,kBAAA;;GAEN,KAAA,CAAM,sBAAsB,oBAAA,CAAqB,sBAAmB,mBAAA,CAAA,GAAA,CAAA;iBAS9D,kBAAA;;GAEN,KAAA,CAAM,sBAAsB,oBAAA,CAAqB,sBAAmB,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"collapsible.d.ts","names":[],"sources":["../../../src/react/ui/collapsible.tsx"],"sourcesContent":[],"mappings":";;;;;iBAGS,WAAA;;GAEN,KAAA,CAAM,sBAAsB,oBAAA,CAAqB,QAAK,mBAAA,CAAA,GAAA,CAAA;;AALW,iBAU3D,kBAAA,CAPW;EAAA,GAAA;AAAA,CAAA,EASjB,KAAA,CAAM,cATW,CAAA,OASW,oBAAA,CAAqB,kBAThC,CAAA,CAAA,EASmD,mBAAA,CAAA,GAAA,CAAA,OATnD;;iBAmBX,kBAAA,CAjB2C;EAAA,GAAA;AAAA,CAAA,EAmBjD,KAAA,CAAM,cAnB2C,CAAA,OAmBrB,oBAAA,CAAqB,kBAnBA,CAAA,CAAA,EAmBmB,mBAAA,CAAA,GAAA,CAAA,OAnBnB"}

package/dist/react/ui/collapsible.js

@@ -2,18 +2,21 @@ import { jsx } from "react/jsx-runtime";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 
 //#region src/react/ui/collapsible.tsx
+/** Interactive component that expands and collapses content */
 function Collapsible({ ...props }) {
 	return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, {
 		"data-slot": "collapsible",
 		...props
 	});
 }
+/** Button that toggles the collapsible content visibility */
 function CollapsibleTrigger({ ...props }) {
 	return /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleTrigger, {
 		"data-slot": "collapsible-trigger",
 		...props
 	});
 }
+/** Content area that can be expanded or collapsed */
 function CollapsibleContent({ ...props }) {
 	return /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleContent, {
 		"data-slot": "collapsible-content",

package/dist/react/ui/collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.js","names":[],"sources":["../../../src/react/ui/collapsible.tsx"],"sourcesContent":["import * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\n\nfunction Collapsible({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\nfunction CollapsibleTrigger({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n  return (\n    <CollapsiblePrimitive.CollapsibleTrigger\n      data-slot=\"collapsible-trigger\"\n      {...props}\n    />\n  );\n}\n\nfunction CollapsibleContent({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n  return (\n    <CollapsiblePrimitive.CollapsibleContent\n      data-slot=\"collapsible-content\"\n      {...props}\n    />\n  );\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"],"mappings":";;;;AAEA,SAAS,YAAY,EACnB,GAAG,SACsD;AACzD,QAAO,oBAAC,qBAAqB;EAAK,aAAU;EAAc,GAAI;GAAS;;AAGzE,SAAS,mBAAmB,EAC1B,GAAG,SACoE;AACvE,QACE,oBAAC,qBAAqB;EACpB,aAAU;EACV,GAAI;GACJ;;AAIN,SAAS,mBAAmB,EAC1B,GAAG,SACoE;AACvE,QACE,oBAAC,qBAAqB;EACpB,aAAU;EACV,GAAI;GACJ"}
+{"version":3,"file":"collapsible.js","names":[],"sources":["../../../src/react/ui/collapsible.tsx"],"sourcesContent":["import * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\n\n/** Interactive component that expands and collapses content */\nfunction Collapsible({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\n/** Button that toggles the collapsible content visibility */\nfunction CollapsibleTrigger({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n  return (\n    <CollapsiblePrimitive.CollapsibleTrigger\n      data-slot=\"collapsible-trigger\"\n      {...props}\n    />\n  );\n}\n\n/** Content area that can be expanded or collapsed */\nfunction CollapsibleContent({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n  return (\n    <CollapsiblePrimitive.CollapsibleContent\n      data-slot=\"collapsible-content\"\n      {...props}\n    />\n  );\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"],"mappings":";;;;;AAGA,SAAS,YAAY,EACnB,GAAG,SACsD;AACzD,QAAO,oBAAC,qBAAqB;EAAK,aAAU;EAAc,GAAI;GAAS;;;AAIzE,SAAS,mBAAmB,EAC1B,GAAG,SACoE;AACvE,QACE,oBAAC,qBAAqB;EACpB,aAAU;EACV,GAAI;GACJ;;;AAKN,SAAS,mBAAmB,EAC1B,GAAG,SACoE;AACvE,QACE,oBAAC,qBAAqB;EACpB,aAAU;EACV,GAAI;GACJ"}

package/dist/react/ui/command.d.ts

@@ -4,10 +4,12 @@ import * as react_jsx_runtime61 from "react/jsx-runtime";
 import { Command } from "cmdk";
 
 //#region src/react/ui/command.d.ts
+/** Command palette for keyboard-driven navigation and actions */
 declare function Command$1({
   className,
   ...props
 }: React$1.ComponentProps<typeof Command>): react_jsx_runtime61.JSX.Element;
+/** Dialog wrapper for the command palette */
 declare function CommandDialog({
   title,
   description,
@@ -21,29 +23,36 @@ declare function CommandDialog({
   className?: string;
   showCloseButton?: boolean;
 }): react_jsx_runtime61.JSX.Element;
+/** Search input field for filtering command items */
 declare function CommandInput({
   className,
   ...props
 }: React$1.ComponentProps<typeof Command.Input>): react_jsx_runtime61.JSX.Element;
+/** Scrollable list container for command items */
 declare function CommandList({
   className,
   ...props
 }: React$1.ComponentProps<typeof Command.List>): react_jsx_runtime61.JSX.Element;
+/** Empty state displayed when no commands match the search */
 declare function CommandEmpty({
   ...props
 }: React$1.ComponentProps<typeof Command.Empty>): react_jsx_runtime61.JSX.Element;
+/** Group of related command items with an optional heading */
 declare function CommandGroup({
   className,
   ...props
 }: React$1.ComponentProps<typeof Command.Group>): react_jsx_runtime61.JSX.Element;
+/** Visual separator between command groups */
 declare function CommandSeparator({
   className,
   ...props
 }: React$1.ComponentProps<typeof Command.Separator>): react_jsx_runtime61.JSX.Element;
+/** Individual selectable command item */
 declare function CommandItem({
   className,
   ...props
 }: React$1.ComponentProps<typeof Command.Item>): react_jsx_runtime61.JSX.Element;
+/** Keyboard shortcut indicator displayed next to command items */
 declare function CommandShortcut({
   className,
   ...props

package/dist/react/ui/command.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"command.d.ts","names":[],"sources":["../../../src/react/ui/command.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAaS,SAAA;;;GAGN,OAAA,CAAM,sBAAsB,WAAiB,mBAAA,CAAA,GAAA,CAAA;iBAavC,aAAA;;;;;;;GAON,OAAA,CAAM,sBAAsB;;EAvBtB,WAAA,CAAO,EAAA,MAAA;EAAA,SAAA,CAAA,EAAA,MAAA;iBACd,CAAA,EAAA,OAAA;IA2BD,mBAAA,CAAA,GAAA,CAAA,OAzB8B;iBA4CtB,YAAA,CA5CA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+CN,OAAA,CAAM,cA/CA,CAAA,OA+CsB,OAAA,CAAiB,KA/CvC,CAAA,CAAA,EA+C6C,mBAAA,CAAA,GAAA,CAAA,OA/C7C;iBAkEA,WAAA,CAlEuC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAqE7C,OAAA,CAAM,cArEuC,CAAA,OAqEjB,OAAA,CAAiB,IArEA,CAAA,CAAA,EAqEK,mBAAA,CAAA,GAAA,CAAA,OArEL;iBAkFvC,YAAA,CAlFuC;EAAA,GAAA;AAAA,CAAA,EAoF7C,OAAA,CAAM,cApFuC,CAAA,OAoFjB,OAAA,CAAiB,KApFA,CAAA,CAAA,EAoFM,mBAAA,CAAA,GAAA,CAAA,OApFN;AAAA,iBA8FvC,YAAA,CAjFa;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAoFnB,OAAA,CAAM,cApFa,CAAA,OAoFS,OAAA,CAAiB,KApF1B,CAAA,CAAA,EAoFgC,mBAAA,CAAA,GAAA,CAAA,OApFhC;iBAiGb,gBAAA,CAjGa;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAoGnB,OAAA,CAAM,cApGa,CAAA,OAoGS,OAAA,CAAiB,SApG1B,CAAA,CAAA,EAoGoC,mBAAA,CAAA,GAAA,CAAA,OApGpC;iBA8Gb,WAAA,CA7GP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgHC,OAAA,CAAM,cAhHP,CAAA,OAgH6B,OAAA,CAAiB,IAhH9C,CAAA,CAAA,EAgHmD,mBAAA,CAAA,GAAA,CAAA,OAhHnD;iBA6HO,eAAA,CA5HP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+HC,OAAA,CAAM,cA/HP,CAAA,MAAA,CAAA,CAAA,EA+H6B,mBAAA,CAAA,GAAA,CAAA,OA/H7B"}
+{"version":3,"file":"command.d.ts","names":[],"sources":["../../../src/react/ui/command.tsx"],"sourcesContent":[],"mappings":";;;;;;;iBAcS,SAAA;;;GAGN,OAAA,CAAM,sBAAsB,WAAiB,mBAAA,CAAA,GAAA,CAAA;;AAN9B,iBAoBT,aAAA,CAjBO;EAAA,KAAA;EAAA,WAAA;EAAA,QAAA;EAAA,SAAA;EAAA,eAAA;EAAA,GAAA;CAAA,EAwBb,OAAA,CAAM,cAxBO,CAAA,OAwBe,MAxBf,CAAA,GAAA;EAAA,KAAA,CAAA,EAAA,MAAA;aACd,CAAA,EAAA,MAAA;WAE6B,CAAA,EAAA,MAAA;iBAAtB,CAAA,EAAA,OAAA;IA0BR,mBAAA,CAAA,GAAA,CAAA,OA1B+C;;AAAA,iBA8CvC,YAAA,CAhCa;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmCnB,OAAA,CAAM,cAnCa,CAAA,OAmCS,OAAA,CAAiB,KAnC1B,CAAA,CAAA,EAmCgC,mBAAA,CAAA,GAAA,CAAA,OAnChC;;iBAuDb,WAAA,CAtDP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyDC,OAAA,CAAM,cAzDP,CAAA,OAyD6B,OAAA,CAAiB,IAzD9C,CAAA,CAAA,EAyDmD,mBAAA,CAAA,GAAA,CAAA,OAzDnD;;iBAuEO,YAAA,CArEP;EAAA,GAAA;AAAA,CAAA,EAuEC,OAAA,CAAM,cAvEP,CAAA,OAuE6B,OAAA,CAAiB,KAvE9C,CAAA,CAAA,EAuEoD,mBAAA,CAAA,GAAA,CAAA,OAvEpD;;iBAkFO,YAAA,CAhFP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmFC,OAAA,CAAM,cAnFP,CAAA,OAmF6B,OAAA,CAAiB,KAnF9C,CAAA,CAAA,EAmFoD,mBAAA,CAAA,GAAA,CAAA,OAnFpD;;iBAiGO,gBAAA,CA/FA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkGN,OAAA,CAAM,cAlGA,CAAA,OAkGsB,OAAA,CAAiB,SAlGvC,CAAA,CAAA,EAkGiD,mBAAA,CAAA,GAAA,CAAA,OAlGjD;;iBA6GA,WAAA,CAxGR;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2GE,OAAA,CAAM,cA3GR,CAAA,OA2G8B,OAAA,CAAiB,IA3G/C,CAAA,CAAA,EA2GoD,mBAAA,CAAA,GAAA,CAAA,OA3GpD;AAAA;iBAyHQ,eAAA,CArGY;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwGlB,OAAA,CAAM,cAxGY,CAAA,MAAA,CAAA,CAAA,EAwGU,mBAAA,CAAA,GAAA,CAAA,OAxGV"}

package/dist/react/ui/command.js

@@ -5,6 +5,7 @@ import { SearchIcon } from "lucide-react";
 import { Command } from "cmdk";
 
 //#region src/react/ui/command.tsx
+/** Command palette for keyboard-driven navigation and actions */
 function Command$1({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Command, {
 		"data-slot": "command",
@@ -12,6 +13,7 @@ function Command$1({ className, ...props }) {
 		...props
 	});
 }
+/** Dialog wrapper for the command palette */
 function CommandDialog({ title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = true, ...props }) {
 	return /* @__PURE__ */ jsxs(Dialog, {
 		...props,
@@ -28,6 +30,7 @@ function CommandDialog({ title = "Command Palette", description = "Search for a
 		})]
 	});
 }
+/** Search input field for filtering command items */
 function CommandInput({ className, ...props }) {
 	return /* @__PURE__ */ jsxs("div", {
 		"data-slot": "command-input-wrapper",
@@ -39,6 +42,7 @@ function CommandInput({ className, ...props }) {
 		})]
 	});
 }
+/** Scrollable list container for command items */
 function CommandList({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Command.List, {
 		"data-slot": "command-list",
@@ -46,6 +50,7 @@ function CommandList({ className, ...props }) {
 		...props
 	});
 }
+/** Empty state displayed when no commands match the search */
 function CommandEmpty({ ...props }) {
 	return /* @__PURE__ */ jsx(Command.Empty, {
 		"data-slot": "command-empty",
@@ -53,6 +58,7 @@ function CommandEmpty({ ...props }) {
 		...props
 	});
 }
+/** Group of related command items with an optional heading */
 function CommandGroup({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Command.Group, {
 		"data-slot": "command-group",
@@ -60,6 +66,7 @@ function CommandGroup({ className, ...props }) {
 		...props
 	});
 }
+/** Visual separator between command groups */
 function CommandSeparator({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Command.Separator, {
 		"data-slot": "command-separator",
@@ -67,6 +74,7 @@ function CommandSeparator({ className, ...props }) {
 		...props
 	});
 }
+/** Individual selectable command item */
 function CommandItem({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Command.Item, {
 		"data-slot": "command-item",
@@ -74,6 +82,7 @@ function CommandItem({ className, ...props }) {
 		...props
 	});
 }
+/** Keyboard shortcut indicator displayed next to command items */
 function CommandShortcut({ className, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		"data-slot": "command-shortcut",

package/dist/react/ui/command.js.map

@@ -1 +1 @@
-{"version":3,"file":"command.js","names":["Command","CommandPrimitive"],"sources":["../../../src/react/ui/command.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { SearchIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"./dialog\";\n\nfunction Command({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandDialog({\n  title = \"Command Palette\",\n  description = \"Search for a command to run...\",\n  children,\n  className,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string;\n  description?: string;\n  className?: string;\n  showCloseButton?: boolean;\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        className={cn(\"overflow-hidden p-0\", className)}\n        showCloseButton={showCloseButton}\n      >\n        <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className=\"flex h-9 items-center gap-2 border-b px-3\"\n    >\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          \"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\n        \"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-6 text-center text-sm\"\n      {...props}\n    />\n  );\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(\"bg-border -mx-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n};\n"],"mappings":";;;;;;;AAaA,SAASA,UAAQ,EACf,WACA,GAAG,SAC6C;AAChD,QACE,oBAACC;EACC,aAAU;EACV,WAAW,GACT,6FACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,cAAc,EACrB,QAAQ,mBACR,cAAc,kCACd,UACA,WACA,kBAAkB,MAClB,GAAG,SAMF;AACD,QACE,qBAAC;EAAO,GAAI;aACV,qBAAC;GAAa,WAAU;cACtB,oBAAC,yBAAa,QAAoB,EAClC,oBAAC,+BAAmB,cAAgC;IACvC,EACf,oBAAC;GACC,WAAW,GAAG,uBAAuB,UAAU;GAC9B;aAEjB,oBAACD;IAAQ,WAAU;IAChB;KACO;IACI;GACT;;AAIb,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;AACtD,QACE,qBAAC;EACC,aAAU;EACV,WAAU;aAEV,oBAAC,cAAW,WAAU,+BAA+B,EACrD,oBAACC,QAAiB;GAChB,aAAU;GACV,WAAW,GACT,4JACA,UACD;GACD,GAAI;IACJ;GACE;;AAIV,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;AACrD,QACE,oBAACA,QAAiB;EAChB,aAAU;EACV,WAAW,GACT,+DACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,aAAa,EACpB,GAAG,SACmD;AACtD,QACE,oBAACA,QAAiB;EAChB,aAAU;EACV,WAAU;EACV,GAAI;GACJ;;AAIN,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;AACtD,QACE,oBAACA,QAAiB;EAChB,aAAU;EACV,WAAW,GACT,0NACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EACxB,WACA,GAAG,SACuD;AAC1D,QACE,oBAACA,QAAiB;EAChB,aAAU;EACV,WAAW,GAAG,wBAAwB,UAAU;EAChD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;AACrD,QACE,oBAACA,QAAiB;EAChB,aAAU;EACV,WAAW,GACT,uYACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,gBAAgB,EACvB,WACA,GAAG,SAC4B;AAC/B,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,yDACA,UACD;EACD,GAAI;GACJ"}
+{"version":3,"file":"command.js","names":["Command","CommandPrimitive"],"sources":["../../../src/react/ui/command.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { SearchIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"./dialog\";\n\n/** Command palette for keyboard-driven navigation and actions */\nfunction Command({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Dialog wrapper for the command palette */\nfunction CommandDialog({\n  title = \"Command Palette\",\n  description = \"Search for a command to run...\",\n  children,\n  className,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string;\n  description?: string;\n  className?: string;\n  showCloseButton?: boolean;\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        className={cn(\"overflow-hidden p-0\", className)}\n        showCloseButton={showCloseButton}\n      >\n        <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n/** Search input field for filtering command items */\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className=\"flex h-9 items-center gap-2 border-b px-3\"\n    >\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          \"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\n/** Scrollable list container for command items */\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\n        \"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Empty state displayed when no commands match the search */\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-6 text-center text-sm\"\n      {...props}\n    />\n  );\n}\n\n/** Group of related command items with an optional heading */\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Visual separator between command groups */\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(\"bg-border -mx-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Individual selectable command item */\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Keyboard shortcut indicator displayed next to command items */\nfunction CommandShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n};\n"],"mappings":";;;;;;;;AAcA,SAASA,UAAQ,EACf,WACA,GAAG,SAC6C;AAChD,QACE,oBAACC;EACC,aAAU;EACV,WAAW,GACT,6FACA,UACD;EACD,GAAI;GACJ;;;AAKN,SAAS,cAAc,EACrB,QAAQ,mBACR,cAAc,kCACd,UACA,WACA,kBAAkB,MAClB,GAAG,SAMF;AACD,QACE,qBAAC;EAAO,GAAI;aACV,qBAAC;GAAa,WAAU;cACtB,oBAAC,yBAAa,QAAoB,EAClC,oBAAC,+BAAmB,cAAgC;IACvC,EACf,oBAAC;GACC,WAAW,GAAG,uBAAuB,UAAU;GAC9B;aAEjB,oBAACD;IAAQ,WAAU;IAChB;KACO;IACI;GACT;;;AAKb,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;AACtD,QACE,qBAAC;EACC,aAAU;EACV,WAAU;aAEV,oBAAC,cAAW,WAAU,+BAA+B,EACrD,oBAACC,QAAiB;GAChB,aAAU;GACV,WAAW,GACT,4JACA,UACD;GACD,GAAI;IACJ;GACE;;;AAKV,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;AACrD,QACE,oBAACA,QAAiB;EAChB,aAAU;EACV,WAAW,GACT,+DACA,UACD;EACD,GAAI;GACJ;;;AAKN,SAAS,aAAa,EACpB,GAAG,SACmD;AACtD,QACE,oBAACA,QAAiB;EAChB,aAAU;EACV,WAAU;EACV,GAAI;GACJ;;;AAKN,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;AACtD,QACE,oBAACA,QAAiB;EAChB,aAAU;EACV,WAAW,GACT,0NACA,UACD;EACD,GAAI;GACJ;;;AAKN,SAAS,iBAAiB,EACxB,WACA,GAAG,SACuD;AAC1D,QACE,oBAACA,QAAiB;EAChB,aAAU;EACV,WAAW,GAAG,wBAAwB,UAAU;EAChD,GAAI;GACJ;;;AAKN,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;AACrD,QACE,oBAACA,QAAiB;EAChB,aAAU;EACV,WAAW,GACT,uYACA,UACD;EACD,GAAI;GACJ;;;AAKN,SAAS,gBAAgB,EACvB,WACA,GAAG,SAC4B;AAC/B,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,yDACA,UACD;EACD,GAAI;GACJ"}

package/dist/react/ui/context-menu.d.ts

@@ -3,6 +3,7 @@ import * as react_jsx_runtime70 from "react/jsx-runtime";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 
 //#region src/react/ui/context-menu.d.ts
+/** Menu triggered by right-clicking an element */
 declare function ContextMenu({
   ...props
 }: React$1.ComponentProps<typeof ContextMenuPrimitive.Root>): react_jsx_runtime70.JSX.Element;

package/dist/react/ui/context-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.d.ts","names":[],"sources":["../../../src/react/ui/context-menu.tsx"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"context-menu.d.ts","names":[],"sources":["../../../src/react/ui/context-menu.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/react/ui/context-menu.js

@@ -7,6 +7,7 @@ import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 
 //#region src/react/ui/context-menu.tsx
+/** Menu triggered by right-clicking an element */
 function ContextMenu({ ...props }) {
 	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Root, {
 		"data-slot": "context-menu",

package/dist/react/ui/context-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.js","names":[],"sources":["../../../src/react/ui/context-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport type * as React from \"react\";\nimport * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\nimport { useResolvedPortalContainer } from \"../portal-container-context\";\n\nfunction ContextMenu({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {\n  return <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />;\n}\n\nfunction ContextMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {\n  return (\n    <ContextMenuPrimitive.Trigger data-slot=\"context-menu-trigger\" {...props} />\n  );\n}\n\nfunction ContextMenuGroup({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {\n  return (\n    <ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />\n  );\n}\n\nfunction ContextMenuPortal({\n  container,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {\n  return (\n    <ContextMenuPrimitive.Portal\n      data-slot=\"context-menu-portal\"\n      container={useResolvedPortalContainer(container)}\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuSub({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {\n  return <ContextMenuPrimitive.Sub data-slot=\"context-menu-sub\" {...props} />;\n}\n\nfunction ContextMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {\n  return (\n    <ContextMenuPrimitive.RadioGroup\n      data-slot=\"context-menu-radio-group\"\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <ContextMenuPrimitive.SubTrigger\n      data-slot=\"context-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto\" />\n    </ContextMenuPrimitive.SubTrigger>\n  );\n}\n\nfunction ContextMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {\n  return (\n    <ContextMenuPrimitive.SubContent\n      data-slot=\"context-menu-sub-content\"\n      className={cn(\n        \"bg-popover text-popover-foreground 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 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {\n  return (\n    <ContextMenuPrimitive.Portal container={useResolvedPortalContainer()}>\n      <ContextMenuPrimitive.Content\n        data-slot=\"context-menu-content\"\n        className={cn(\n          \"bg-popover text-popover-foreground 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 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md\",\n          className,\n        )}\n        {...props}\n      />\n    </ContextMenuPrimitive.Portal>\n  );\n}\n\nfunction ContextMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <ContextMenuPrimitive.Item\n      data-slot=\"context-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>) {\n  return (\n    <ContextMenuPrimitive.CheckboxItem\n      data-slot=\"context-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <ContextMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction ContextMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>) {\n  return (\n    <ContextMenuPrimitive.RadioItem\n      data-slot=\"context-menu-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <ContextMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.RadioItem>\n  );\n}\n\nfunction ContextMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <ContextMenuPrimitive.Label\n      data-slot=\"context-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {\n  return (\n    <ContextMenuPrimitive.Separator\n      data-slot=\"context-menu-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"context-menu-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  ContextMenu,\n  ContextMenuTrigger,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuCheckboxItem,\n  ContextMenuRadioItem,\n  ContextMenuLabel,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuGroup,\n  ContextMenuPortal,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuRadioGroup,\n};\n"],"mappings":";;;;;;;;;AASA,SAAS,YAAY,EACnB,GAAG,SACsD;AACzD,QAAO,oBAAC,qBAAqB;EAAK,aAAU;EAAe,GAAI;GAAS;;AAG1E,SAAS,mBAAmB,EAC1B,GAAG,SACyD;AAC5D,QACE,oBAAC,qBAAqB;EAAQ,aAAU;EAAuB,GAAI;GAAS;;AAIhF,SAAS,iBAAiB,EACxB,GAAG,SACuD;AAC1D,QACE,oBAAC,qBAAqB;EAAM,aAAU;EAAqB,GAAI;GAAS;;AAI5E,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;AAC3D,QACE,oBAAC,qBAAqB;EACpB,aAAU;EACV,WAAW,2BAA2B,UAAU;EAChD,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,GAAG,SACqD;AACxD,QAAO,oBAAC,qBAAqB;EAAI,aAAU;EAAmB,GAAI;GAAS;;AAG7E,SAAS,sBAAsB,EAC7B,GAAG,SAC4D;AAC/D,QACE,oBAAC,qBAAqB;EACpB,aAAU;EACV,GAAI;GACJ;;AAIN,SAAS,sBAAsB,EAC7B,WACA,OACA,UACA,GAAG,SAGF;AACD,QACE,qBAAC,qBAAqB;EACpB,aAAU;EACV,cAAY;EACZ,WAAW,GACT,wWACA,UACD;EACD,GAAI;aAEH,UACD,oBAAC,oBAAiB,WAAU,YAAY;GACR;;AAItC,SAAS,sBAAsB,EAC7B,WACA,GAAG,SAC4D;AAC/D,QACE,oBAAC,qBAAqB;EACpB,aAAU;EACV,WAAW,GACT,gfACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAAC,qBAAqB;EAAO,WAAW,4BAA4B;YAClE,oBAAC,qBAAqB;GACpB,aAAU;GACV,WAAW,GACT,wjBACA,UACD;GACD,GAAI;IACJ;GAC0B;;AAIlC,SAAS,gBAAgB,EACvB,WACA,OACA,UAAU,WACV,GAAG,SAIF;AACD,QACE,oBAAC,qBAAqB;EACpB,aAAU;EACV,cAAY;EACZ,gBAAc;EACd,WAAW,GACT,+mBACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,wBAAwB,EAC/B,WACA,UACA,SACA,GAAG,SAC8D;AACjE,QACE,qBAAC,qBAAqB;EACpB,aAAU;EACV,WAAW,GACT,gTACA,UACD;EACQ;EACT,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAAC,qBAAqB,2BACpB,oBAAC,aAAU,WAAU,WAAW,GACG;IAChC,EACN;GACiC;;AAIxC,SAAS,qBAAqB,EAC5B,WACA,UACA,GAAG,SAC2D;AAC9D,QACE,qBAAC,qBAAqB;EACpB,aAAU;EACV,WAAW,GACT,gTACA,UACD;EACD,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAAC,qBAAqB,2BACpB,oBAAC,cAAW,WAAU,wBAAwB,GACX;IAChC,EACN;GAC8B;;AAIrC,SAAS,iBAAiB,EACxB,WACA,OACA,GAAG,SAGF;AACD,QACE,oBAAC,qBAAqB;EACpB,aAAU;EACV,cAAY;EACZ,WAAW,GACT,qEACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,qBAAqB,EAC5B,WACA,GAAG,SAC2D;AAC9D,QACE,oBAAC,qBAAqB;EACpB,aAAU;EACV,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;GACJ;;AAIN,SAAS,oBAAoB,EAC3B,WACA,GAAG,SAC4B;AAC/B,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,yDACA,UACD;EACD,GAAI;GACJ"}
+{"version":3,"file":"context-menu.js","names":[],"sources":["../../../src/react/ui/context-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport type * as React from \"react\";\nimport * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\nimport { useResolvedPortalContainer } from \"../portal-container-context\";\n\n/** Menu triggered by right-clicking an element */\nfunction ContextMenu({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {\n  return <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />;\n}\n\nfunction ContextMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {\n  return (\n    <ContextMenuPrimitive.Trigger data-slot=\"context-menu-trigger\" {...props} />\n  );\n}\n\nfunction ContextMenuGroup({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {\n  return (\n    <ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />\n  );\n}\n\nfunction ContextMenuPortal({\n  container,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {\n  return (\n    <ContextMenuPrimitive.Portal\n      data-slot=\"context-menu-portal\"\n      container={useResolvedPortalContainer(container)}\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuSub({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {\n  return <ContextMenuPrimitive.Sub data-slot=\"context-menu-sub\" {...props} />;\n}\n\nfunction ContextMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {\n  return (\n    <ContextMenuPrimitive.RadioGroup\n      data-slot=\"context-menu-radio-group\"\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <ContextMenuPrimitive.SubTrigger\n      data-slot=\"context-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto\" />\n    </ContextMenuPrimitive.SubTrigger>\n  );\n}\n\nfunction ContextMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {\n  return (\n    <ContextMenuPrimitive.SubContent\n      data-slot=\"context-menu-sub-content\"\n      className={cn(\n        \"bg-popover text-popover-foreground 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 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {\n  return (\n    <ContextMenuPrimitive.Portal container={useResolvedPortalContainer()}>\n      <ContextMenuPrimitive.Content\n        data-slot=\"context-menu-content\"\n        className={cn(\n          \"bg-popover text-popover-foreground 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 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md\",\n          className,\n        )}\n        {...props}\n      />\n    </ContextMenuPrimitive.Portal>\n  );\n}\n\nfunction ContextMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <ContextMenuPrimitive.Item\n      data-slot=\"context-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>) {\n  return (\n    <ContextMenuPrimitive.CheckboxItem\n      data-slot=\"context-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <ContextMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction ContextMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>) {\n  return (\n    <ContextMenuPrimitive.RadioItem\n      data-slot=\"context-menu-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <ContextMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.RadioItem>\n  );\n}\n\nfunction ContextMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <ContextMenuPrimitive.Label\n      data-slot=\"context-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {\n  return (\n    <ContextMenuPrimitive.Separator\n      data-slot=\"context-menu-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction ContextMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"context-menu-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  ContextMenu,\n  ContextMenuTrigger,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuCheckboxItem,\n  ContextMenuRadioItem,\n  ContextMenuLabel,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuGroup,\n  ContextMenuPortal,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuRadioGroup,\n};\n"],"mappings":";;;;;;;;;;AAUA,SAAS,YAAY,EACnB,GAAG,SACsD;AACzD,QAAO,oBAAC,qBAAqB;EAAK,aAAU;EAAe,GAAI;GAAS;;AAG1E,SAAS,mBAAmB,EAC1B,GAAG,SACyD;AAC5D,QACE,oBAAC,qBAAqB;EAAQ,aAAU;EAAuB,GAAI;GAAS;;AAIhF,SAAS,iBAAiB,EACxB,GAAG,SACuD;AAC1D,QACE,oBAAC,qBAAqB;EAAM,aAAU;EAAqB,GAAI;GAAS;;AAI5E,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;AAC3D,QACE,oBAAC,qBAAqB;EACpB,aAAU;EACV,WAAW,2BAA2B,UAAU;EAChD,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,GAAG,SACqD;AACxD,QAAO,oBAAC,qBAAqB;EAAI,aAAU;EAAmB,GAAI;GAAS;;AAG7E,SAAS,sBAAsB,EAC7B,GAAG,SAC4D;AAC/D,QACE,oBAAC,qBAAqB;EACpB,aAAU;EACV,GAAI;GACJ;;AAIN,SAAS,sBAAsB,EAC7B,WACA,OACA,UACA,GAAG,SAGF;AACD,QACE,qBAAC,qBAAqB;EACpB,aAAU;EACV,cAAY;EACZ,WAAW,GACT,wWACA,UACD;EACD,GAAI;aAEH,UACD,oBAAC,oBAAiB,WAAU,YAAY;GACR;;AAItC,SAAS,sBAAsB,EAC7B,WACA,GAAG,SAC4D;AAC/D,QACE,oBAAC,qBAAqB;EACpB,aAAU;EACV,WAAW,GACT,gfACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAAC,qBAAqB;EAAO,WAAW,4BAA4B;YAClE,oBAAC,qBAAqB;GACpB,aAAU;GACV,WAAW,GACT,wjBACA,UACD;GACD,GAAI;IACJ;GAC0B;;AAIlC,SAAS,gBAAgB,EACvB,WACA,OACA,UAAU,WACV,GAAG,SAIF;AACD,QACE,oBAAC,qBAAqB;EACpB,aAAU;EACV,cAAY;EACZ,gBAAc;EACd,WAAW,GACT,+mBACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,wBAAwB,EAC/B,WACA,UACA,SACA,GAAG,SAC8D;AACjE,QACE,qBAAC,qBAAqB;EACpB,aAAU;EACV,WAAW,GACT,gTACA,UACD;EACQ;EACT,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAAC,qBAAqB,2BACpB,oBAAC,aAAU,WAAU,WAAW,GACG;IAChC,EACN;GACiC;;AAIxC,SAAS,qBAAqB,EAC5B,WACA,UACA,GAAG,SAC2D;AAC9D,QACE,qBAAC,qBAAqB;EACpB,aAAU;EACV,WAAW,GACT,gTACA,UACD;EACD,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAAC,qBAAqB,2BACpB,oBAAC,cAAW,WAAU,wBAAwB,GACX;IAChC,EACN;GAC8B;;AAIrC,SAAS,iBAAiB,EACxB,WACA,OACA,GAAG,SAGF;AACD,QACE,oBAAC,qBAAqB;EACpB,aAAU;EACV,cAAY;EACZ,WAAW,GACT,qEACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,qBAAqB,EAC5B,WACA,GAAG,SAC2D;AAC9D,QACE,oBAAC,qBAAqB;EACpB,aAAU;EACV,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;GACJ;;AAIN,SAAS,oBAAoB,EAC3B,WACA,GAAG,SAC4B;AAC/B,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,yDACA,UACD;EACD,GAAI;GACJ"}

package/dist/react/ui/dialog.d.ts

@@ -3,23 +3,29 @@ import * as react_jsx_runtime85 from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 
 //#region src/react/ui/dialog.d.ts
+/** Modal dialog that overlays the page content */
 declare function Dialog({
   ...props
 }: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime85.JSX.Element;
+/** Button that opens the dialog */
 declare function DialogTrigger({
   ...props
 }: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime85.JSX.Element;
+/** Portal container for dialog content */
 declare function DialogPortal({
   container,
   ...props
 }: React$1.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime85.JSX.Element;
+/** Button that closes the dialog */
 declare function DialogClose({
   ...props
 }: React$1.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime85.JSX.Element;
+/** Dimmed overlay behind the dialog */
 declare function DialogOverlay({
   className,
   ...props
 }: React$1.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime85.JSX.Element;
+/** Main content area of the dialog */
 declare function DialogContent({
   className,
   children,
@@ -28,18 +34,22 @@ declare function DialogContent({
 }: React$1.ComponentProps<typeof DialogPrimitive.Content> & {
   showCloseButton?: boolean;
 }): react_jsx_runtime85.JSX.Element;
+/** Header section of the dialog */
 declare function DialogHeader({
   className,
   ...props
 }: React$1.ComponentProps<"div">): react_jsx_runtime85.JSX.Element;
+/** Footer section of the dialog */
 declare function DialogFooter({
   className,
   ...props
 }: React$1.ComponentProps<"div">): react_jsx_runtime85.JSX.Element;
+/** Title text for the dialog */
 declare function DialogTitle({
   className,
   ...props
 }: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime85.JSX.Element;
+/** Description text for the dialog */
 declare function DialogDescription({
   className,
   ...props

package/dist/react/ui/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","names":[],"sources":["../../../src/react/ui/dialog.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,MAAA;;GAEN,OAAA,CAAM,sBAAsB,eAAA,CAAgB,QAAK,mBAAA,CAAA,GAAA,CAAA;iBAI3C,aAAA;;GAEN,OAAA,CAAM,sBAAsB,eAAA,CAAgB,WAAQ,mBAAA,CAAA,GAAA,CAAA;iBAI9C,YAAA;;;GAGN,OAAA,CAAM,sBAAsB,eAAA,CAAgB,UAAO,mBAAA,CAAA,GAAA,CAAA;AArBI,iBA+BjD,WAAA,CAzBM;EAAA,GAAA;AAAA,CAAA,EA2BZ,OAAA,CAAM,cA3BM,CAAA,OA2BgB,eAAA,CAAgB,KA3BhC,CAAA,CAAA,EA2BsC,mBAAA,CAAA,GAAA,CAAA,OA3BtC;iBA+BN,aAAA,CA/BM;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkCZ,OAAA,CAAM,cAlCM,CAAA,OAkCgB,eAAA,CAAgB,OAlChC,CAAA,CAAA,EAkCwC,mBAAA,CAAA,GAAA,CAAA,OAlCxC;iBA+CN,aAAA,CA7CsC;EAAA,SAAA;EAAA,QAAA;EAAA,eAAA;EAAA,GAAA;CAAA,EAkD5C,OAAA,CAAM,cAlDsC,CAAA,OAkDhB,eAAA,CAAgB,OAlDA,CAAA,GAAA;iBAAtC,CAAA,EAAA,OAAA;IAoDR,mBAAA,CAAA,GAAA,CAAA,OApDmD;iBA+E3C,YAAA,CA/E2C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+EL,OAAA,CAAM,cA/ED,CAAA,KAAA,CAAA,CAAA,EA+EsB,mBAAA,CAAA,GAAA,CAAA,OA/EtB;AAAA,iBAyF3C,YAAA,CArFa;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAqFyB,OAAA,CAAM,cArF/B,CAAA,KAAA,CAAA,CAAA,EAqFoD,mBAAA,CAAA,GAAA,CAAA,OArFpD;iBAkGb,WAAA,CAlGa;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAqGnB,OAAA,CAAM,cArGa,CAAA,OAqGS,eAAA,CAAgB,KArGzB,CAAA,CAAA,EAqG+B,mBAAA,CAAA,GAAA,CAAA,OArG/B;iBA+Gb,iBAAA,CA7GsC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgH5C,OAAA,CAAM,cAhHsC,CAAA,OAgHhB,eAAA,CAAgB,WAhHA,CAAA,CAAA,EAgHY,mBAAA,CAAA,GAAA,CAAA,OAhHZ"}
+{"version":3,"file":"dialog.d.ts","names":[],"sources":["../../../src/react/ui/dialog.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAQS,MAAA;;GAEN,OAAA,CAAM,sBAAsB,eAAA,CAAgB,QAAK,mBAAA,CAAA,GAAA,CAAA;;AATM,iBAcjD,aAAA,CAPM;EAAA,GAAA;AAAA,CAAA,EASZ,OAAA,CAAM,cATM,CAAA,OASgB,eAAA,CAAgB,OAThC,CAAA,CAAA,EASwC,mBAAA,CAAA,GAAA,CAAA,OATxC;;iBAcN,YAAA,CAZsC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAe5C,OAAA,CAAM,cAfsC,CAAA,OAehB,eAAA,CAAgB,MAfA,CAAA,CAAA,EAeO,mBAAA,CAAA,GAAA,CAAA,OAfP;;iBA0BtC,WAAA,CA1B2C;EAAA,GAAA;AAAA,CAAA,EA4BjD,OAAA,CAAM,cA5B2C,CAAA,OA4BrB,eAAA,CAAgB,KA5BK,CAAA,CAAA,EA4BC,mBAAA,CAAA,GAAA,CAAA,OA5BD;;AAAA,iBAiC3C,aAAA,CA5Ba;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+BnB,OAAA,CAAM,cA/Ba,CAAA,OA+BS,eAAA,CAAgB,OA/BzB,CAAA,CAAA,EA+BiC,mBAAA,CAAA,GAAA,CAAA,OA/BjC;;iBA6Cb,aAAA,CA3CsC;EAAA,SAAA;EAAA,QAAA;EAAA,eAAA;EAAA,GAAA;CAAA,EAgD5C,OAAA,CAAM,cAhDsC,CAAA,OAgDhB,eAAA,CAAgB,OAhDA,CAAA,GAAA;iBAAtC,CAAA,EAAA,OAAA;IAkDR,mBAAA,CAAA,GAAA,CAAA,OAlDsD;;AAAA,iBA8E9C,YAAA,CAzEY;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyE0B,OAAA,CAAM,cAzEhC,CAAA,KAAA,CAAA,CAAA,EAyEqD,mBAAA,CAAA,GAAA,CAAA,OAzErD;;iBAoFZ,YAAA,CAnFP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmF6C,OAAA,CAAM,cAnFnD,CAAA,KAAA,CAAA,CAAA,EAmFwE,mBAAA,CAAA,GAAA,CAAA,OAnFxE;;iBAiGO,WAAA,CA/FA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkGN,OAAA,CAAM,cAlGA,CAAA,OAkGsB,eAAA,CAAgB,KAlGtC,CAAA,CAAA,EAkG4C,mBAAA,CAAA,GAAA,CAAA,OAlG5C;;iBA6GA,iBAAA,CA7G6C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgHnD,OAAA,CAAM,cAhH6C,CAAA,OAgHvB,eAAA,CAAgB,WAhHO,CAAA,CAAA,EAgHK,mBAAA,CAAA,GAAA,CAAA,OAhHL"}

package/dist/react/ui/dialog.js

@@ -5,18 +5,21 @@ import { XIcon } from "lucide-react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 
 //#region src/react/ui/dialog.tsx
+/** Modal dialog that overlays the page content */
 function Dialog({ ...props }) {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
 		"data-slot": "dialog",
 		...props
 	});
 }
+/** Button that opens the dialog */
 function DialogTrigger({ ...props }) {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
 		"data-slot": "dialog-trigger",
 		...props
 	});
 }
+/** Portal container for dialog content */
 function DialogPortal({ container, ...props }) {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Portal, {
 		"data-slot": "dialog-portal",
@@ -24,12 +27,14 @@ function DialogPortal({ container, ...props }) {
 		...props
 	});
 }
+/** Button that closes the dialog */
 function DialogClose({ ...props }) {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Close, {
 		"data-slot": "dialog-close",
 		...props
 	});
 }
+/** Dimmed overlay behind the dialog */
 function DialogOverlay({ className, ...props }) {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
 		"data-slot": "dialog-overlay",
@@ -37,6 +42,7 @@ function DialogOverlay({ className, ...props }) {
 		...props
 	});
 }
+/** Main content area of the dialog */
 function DialogContent({ className, children, showCloseButton = true, ...props }) {
 	return /* @__PURE__ */ jsxs(DialogPortal, {
 		"data-slot": "dialog-portal",
@@ -55,6 +61,7 @@ function DialogContent({ className, children, showCloseButton = true, ...props }
 		})]
 	});
 }
+/** Header section of the dialog */
 function DialogHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "dialog-header",
@@ -62,6 +69,7 @@ function DialogHeader({ className, ...props }) {
 		...props
 	});
 }
+/** Footer section of the dialog */
 function DialogFooter({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "dialog-footer",
@@ -69,6 +77,7 @@ function DialogFooter({ className, ...props }) {
 		...props
 	});
 }
+/** Title text for the dialog */
 function DialogTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Title, {
 		"data-slot": "dialog-title",
@@ -76,6 +85,7 @@ function DialogTitle({ className, ...props }) {
 		...props
 	});
 }
+/** Description text for the dialog */
 function DialogDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Description, {
 		"data-slot": "dialog-description",

package/dist/react/ui/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":[],"sources":["../../../src/react/ui/dialog.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\nimport { useResolvedPortalContainer } from \"../portal-container-context\";\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n  container,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return (\n    <DialogPrimitive.Portal\n      data-slot=\"dialog-portal\"\n      container={useResolvedPortalContainer(container)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n}) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n          >\n            <XIcon />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"mappings":";;;;;;;AAOA,SAAS,OAAO,EACd,GAAG,SACiD;AACpD,QAAO,oBAAC,gBAAgB;EAAK,aAAU;EAAS,GAAI;GAAS;;AAG/D,SAAS,cAAc,EACrB,GAAG,SACoD;AACvD,QAAO,oBAAC,gBAAgB;EAAQ,aAAU;EAAiB,GAAI;GAAS;;AAG1E,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;AACtD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,2BAA2B,UAAU;EAChD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,GAAG,SACkD;AACrD,QAAO,oBAAC,gBAAgB;EAAM,aAAU;EAAe,GAAI;GAAS;;AAGtE,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;AACvD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GACT,0JACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,cAAc,EACrB,WACA,UACA,kBAAkB,MAClB,GAAG,SAGF;AACD,QACE,qBAAC;EAAa,aAAU;aACtB,oBAAC,kBAAgB,EACjB,qBAAC,gBAAgB;GACf,aAAU;GACV,WAAW,GACT,+WACA,UACD;GACD,GAAI;cAEH,UACA,mBACC,qBAAC,gBAAgB;IACf,aAAU;IACV,WAAU;eAEV,oBAAC,UAAQ,EACT,oBAAC;KAAK,WAAU;eAAU;MAAY;KAChB;IAEF;GACb;;AAInB,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,gDAAgD,UAAU;EACxE,GAAI;GACJ;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,0DACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;AACrD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;GACJ;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;AAC3D,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ"}
+{"version":3,"file":"dialog.js","names":[],"sources":["../../../src/react/ui/dialog.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\nimport { useResolvedPortalContainer } from \"../portal-container-context\";\n\n/** Modal dialog that overlays the page content */\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\n/** Button that opens the dialog */\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\n/** Portal container for dialog content */\nfunction DialogPortal({\n  container,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return (\n    <DialogPrimitive.Portal\n      data-slot=\"dialog-portal\"\n      container={useResolvedPortalContainer(container)}\n      {...props}\n    />\n  );\n}\n\n/** Button that closes the dialog */\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\n/** Dimmed overlay behind the dialog */\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Main content area of the dialog */\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n}) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n          >\n            <XIcon />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\n/** Header section of the dialog */\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Footer section of the dialog */\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Title text for the dialog */\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Description text for the dialog */\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"mappings":";;;;;;;;AAQA,SAAS,OAAO,EACd,GAAG,SACiD;AACpD,QAAO,oBAAC,gBAAgB;EAAK,aAAU;EAAS,GAAI;GAAS;;;AAI/D,SAAS,cAAc,EACrB,GAAG,SACoD;AACvD,QAAO,oBAAC,gBAAgB;EAAQ,aAAU;EAAiB,GAAI;GAAS;;;AAI1E,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;AACtD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,2BAA2B,UAAU;EAChD,GAAI;GACJ;;;AAKN,SAAS,YAAY,EACnB,GAAG,SACkD;AACrD,QAAO,oBAAC,gBAAgB;EAAM,aAAU;EAAe,GAAI;GAAS;;;AAItE,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;AACvD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GACT,0JACA,UACD;EACD,GAAI;GACJ;;;AAKN,SAAS,cAAc,EACrB,WACA,UACA,kBAAkB,MAClB,GAAG,SAGF;AACD,QACE,qBAAC;EAAa,aAAU;aACtB,oBAAC,kBAAgB,EACjB,qBAAC,gBAAgB;GACf,aAAU;GACV,WAAW,GACT,+WACA,UACD;GACD,GAAI;cAEH,UACA,mBACC,qBAAC,gBAAgB;IACf,aAAU;IACV,WAAU;eAEV,oBAAC,UAAQ,EACT,oBAAC;KAAK,WAAU;eAAU;MAAY;KAChB;IAEF;GACb;;;AAKnB,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,gDAAgD,UAAU;EACxE,GAAI;GACJ;;;AAKN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,0DACA,UACD;EACD,GAAI;GACJ;;;AAKN,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;AACrD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;GACJ;;;AAKN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;AAC3D,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ"}

package/dist/react/ui/drawer.d.ts

@@ -3,40 +3,50 @@ import * as react_jsx_runtime95 from "react/jsx-runtime";
 import { Drawer } from "vaul";
 
 //#region src/react/ui/drawer.d.ts
+/** Draggable panel that slides in from screen edges */
 declare function Drawer$1({
   ...props
 }: React$1.ComponentProps<typeof Drawer.Root>): react_jsx_runtime95.JSX.Element;
+/** Button that opens the drawer */
 declare function DrawerTrigger({
   ...props
 }: React$1.ComponentProps<typeof Drawer.Trigger>): react_jsx_runtime95.JSX.Element;
+/** Portal container for drawer content */
 declare function DrawerPortal({
   container,
   ...props
 }: React$1.ComponentProps<typeof Drawer.Portal>): react_jsx_runtime95.JSX.Element;
+/** Button that closes the drawer */
 declare function DrawerClose({
   ...props
 }: React$1.ComponentProps<typeof Drawer.Close>): react_jsx_runtime95.JSX.Element;
+/** Dimmed overlay behind the drawer */
 declare function DrawerOverlay({
   className,
   ...props
 }: React$1.ComponentProps<typeof Drawer.Overlay>): react_jsx_runtime95.JSX.Element;
+/** Main content area of the drawer */
 declare function DrawerContent({
   className,
   children,
   ...props
 }: React$1.ComponentProps<typeof Drawer.Content>): react_jsx_runtime95.JSX.Element;
+/** Header section of the drawer */
 declare function DrawerHeader({
   className,
   ...props
 }: React$1.ComponentProps<"div">): react_jsx_runtime95.JSX.Element;
+/** Footer section of the drawer */
 declare function DrawerFooter({
   className,
   ...props
 }: React$1.ComponentProps<"div">): react_jsx_runtime95.JSX.Element;
+/** Title text for the drawer */
 declare function DrawerTitle({
   className,
   ...props
 }: React$1.ComponentProps<typeof Drawer.Title>): react_jsx_runtime95.JSX.Element;
+/** Description text for the drawer */
 declare function DrawerDescription({
   className,
   ...props

package/dist/react/ui/drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","names":[],"sources":["../../../src/react/ui/drawer.tsx"],"sourcesContent":[],"mappings":";;;;;iBAQS,QAAA;;GAEN,OAAA,CAAM,sBAAsB,MAAA,CAAgB,QAAK,mBAAA,CAAA,GAAA,CAAA;iBAI3C,aAAA;;GAEN,OAAA,CAAM,sBAAsB,MAAA,CAAgB,WAAQ,mBAAA,CAAA,GAAA,CAAA;iBAI9C,YAAA;;;GAGN,OAAA,CAAM,sBAAsB,MAAA,CAAgB,UAAO,mBAAA,CAAA,GAAA,CAAA;AApBL,iBA8BxC,WAAA,CAzBM;EAAA,GAAA;AAAA,CAAA,EA2BZ,OAAA,CAAM,cA3BM,CAAA,OA2BgB,MAAA,CAAgB,KA3BhC,CAAA,CAAA,EA2BsC,mBAAA,CAAA,GAAA,CAAA,OA3BtC;iBA+BN,aAAA,CA/BM;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkCZ,OAAA,CAAM,cAlCM,CAAA,OAkCgB,MAAA,CAAgB,OAlChC,CAAA,CAAA,EAkCwC,mBAAA,CAAA,GAAA,CAAA,OAlCxC;iBA+CN,aAAA,CA7CsC;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAiD5C,OAAA,CAAM,cAjDsC,CAAA,OAiDhB,MAAA,CAAgB,OAjDA,CAAA,CAAA,EAiDQ,mBAAA,CAAA,GAAA,CAAA,OAjDR;iBAwEtC,YAAA,CAxEA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwEsC,OAAA,CAAM,cAxE5C,CAAA,KAAA,CAAA,CAAA,EAwEiE,mBAAA,CAAA,GAAA,CAAA,OAxEjE;iBAqFA,YAAA,CArF2C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAqFL,OAAA,CAAM,cArFD,CAAA,KAAA,CAAA,CAAA,EAqFsB,mBAAA,CAAA,GAAA,CAAA,OArFtB;iBA+F3C,WAAA,CA/F2C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkGjD,OAAA,CAAM,cAlG2C,CAAA,OAkGrB,MAAA,CAAgB,KAlGK,CAAA,CAAA,EAkGC,mBAAA,CAAA,GAAA,CAAA,OAlGD;AAAA,iBA4G3C,iBAAA,CAxGa;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2GnB,OAAA,CAAM,cA3Ga,CAAA,OA2GS,MAAA,CAAgB,WA3GzB,CAAA,CAAA,EA2GqC,mBAAA,CAAA,GAAA,CAAA,OA3GrC"}
+{"version":3,"file":"drawer.d.ts","names":[],"sources":["../../../src/react/ui/drawer.tsx"],"sourcesContent":[],"mappings":";;;;;;iBASS,QAAA;;GAEN,OAAA,CAAM,sBAAsB,MAAA,CAAgB,QAAK,mBAAA,CAAA,GAAA,CAAA;;AARH,iBAaxC,aAAA,CAPM;EAAA,GAAA;AAAA,CAAA,EASZ,OAAA,CAAM,cATM,CAAA,OASgB,MAAA,CAAgB,OAThC,CAAA,CAAA,EASwC,mBAAA,CAAA,GAAA,CAAA,OATxC;;iBAcN,YAAA,CAZsC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAe5C,OAAA,CAAM,cAfsC,CAAA,OAehB,MAAA,CAAgB,MAfA,CAAA,CAAA,EAeO,mBAAA,CAAA,GAAA,CAAA,OAfP;;iBA0BtC,WAAA,CA1B2C;EAAA,GAAA;AAAA,CAAA,EA4BjD,OAAA,CAAM,cA5B2C,CAAA,OA4BrB,MAAA,CAAgB,KA5BK,CAAA,CAAA,EA4BC,mBAAA,CAAA,GAAA,CAAA,OA5BD;;AAAA,iBAiC3C,aAAA,CA5Ba;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+BnB,OAAA,CAAM,cA/Ba,CAAA,OA+BS,MAAA,CAAgB,OA/BzB,CAAA,CAAA,EA+BiC,mBAAA,CAAA,GAAA,CAAA,OA/BjC;;iBA6Cb,aAAA,CA3CsC;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA+C5C,OAAA,CAAM,cA/CsC,CAAA,OA+ChB,MAAA,CAAgB,OA/CA,CAAA,CAAA,EA+CQ,mBAAA,CAAA,GAAA,CAAA,OA/CR;;iBAuEtC,YAAA,CAvE8C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuER,OAAA,CAAM,cAvEE,CAAA,KAAA,CAAA,CAAA,EAuEmB,mBAAA,CAAA,GAAA,CAAA,OAvEnB;;AAAA,iBAqF9C,YAAA,CAhFY;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgF0B,OAAA,CAAM,cAhFhC,CAAA,KAAA,CAAA,CAAA,EAgFqD,mBAAA,CAAA,GAAA,CAAA,OAhFrD;;iBA2FZ,WAAA,CA1FP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6FC,OAAA,CAAM,cA7FP,CAAA,OA6F6B,MAAA,CAAgB,KA7F7C,CAAA,CAAA,EA6FmD,mBAAA,CAAA,GAAA,CAAA,OA7FnD;;iBAwGO,iBAAA,CAtGA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyGN,OAAA,CAAM,cAzGA,CAAA,OAyGsB,MAAA,CAAgB,WAzGtC,CAAA,CAAA,EAyGkD,mBAAA,CAAA,GAAA,CAAA,OAzGlD"}