@lglab/compose-ui 0.28.0 → 0.30.0

package/dist/context-menu.js

@@ -1,174 +1,152 @@
-"use client";
-import { jsx as o } from "react/jsx-runtime";
-import { ContextMenu as a } from "@base-ui/react/context-menu";
-import { A as s } from "./arrow-svg-C6zQTvgS.js";
-import { b as r } from "./button-variants-CbFMPwc8.js";
-import { c as n } from "./utils-B6yFEsav.js";
-const i = (t) => /* @__PURE__ */ o(a.Root, { ...t });
-i.displayName = "ContextMenuRoot";
-const u = ({ className: t, ...e }) => /* @__PURE__ */ o(a.Trigger, { className: n(t), ...e });
-u.displayName = "ContextMenuTrigger";
-const m = (t) => /* @__PURE__ */ o(a.Portal, { ...t });
-m.displayName = "ContextMenuPortal";
-const d = ({ className: t, ...e }) => /* @__PURE__ */ o(
-  a.Positioner,
-  {
-    className: n("z-50 outline-none", t),
-    sideOffset: 3,
-    ...e
-  }
-);
-d.displayName = "ContextMenuPositioner";
-const l = ({ className: t, ...e }) => /* @__PURE__ */ o(
-  a.Popup,
-  {
-    className: n(
-      "rounded-md bg-background p-1 text-foreground shadow-sm border border-border transition-[transform,scale,opacity] data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-0 data-starting-style:opacity-0 dark:shadow-none",
-      "min-w-[8rem]",
-      t
-    ),
-    ...e
-  }
-);
-l.displayName = "ContextMenuPopup";
-const c = ({ className: t, ...e }) => /* @__PURE__ */ o(
-  a.Arrow,
-  {
-    className: n(
-      "flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180",
-      t
-    ),
-    ...e,
-    children: /* @__PURE__ */ o(s, {})
-  }
-);
-c.displayName = "ContextMenuArrow";
-const p = ({ className: t, ...e }) => /* @__PURE__ */ o(
-  a.Item,
-  {
-    className: n(
-      r({ variant: "ghost", size: "sm" }),
-      "flex justify-start",
-      t
-    ),
-    ...e
-  }
-);
-p.displayName = "ContextMenuItem";
-const x = ({ className: t, ...e }) => /* @__PURE__ */ o(
-  a.Separator,
-  {
-    className: n("-mx-1 my-1 h-px bg-border", t),
-    ...e
-  }
-);
-x.displayName = "ContextMenuSeparator";
-const C = ({ className: t, ...e }) => /* @__PURE__ */ o(a.Group, { className: n(t), ...e });
-C.displayName = "ContextMenuGroup";
-const M = ({ className: t, ...e }) => /* @__PURE__ */ o(
-  a.GroupLabel,
-  {
-    className: n("px-3 py-1.5 text-sm font-semibold", t),
-    ...e
-  }
-);
-M.displayName = "ContextMenuGroupLabel";
-const N = ({ className: t, ...e }) => /* @__PURE__ */ o(a.RadioGroup, { className: n(t), ...e });
-N.displayName = "ContextMenuRadioGroup";
-const b = ({ className: t, ...e }) => /* @__PURE__ */ o(
-  a.RadioItem,
-  {
-    className: n(
-      r({ variant: "ghost", size: "sm" }),
-      "grid grid-cols-[0.75rem_1fr] gap-2",
-      t
-    ),
-    ...e
-  }
-);
-b.displayName = "ContextMenuRadioItem";
-const g = ({
-  className: t,
-  ...e
-}) => /* @__PURE__ */ o(
-  a.CheckboxItem,
-  {
-    className: n(
-      r({ variant: "ghost", size: "sm" }),
-      "grid grid-cols-[0.75rem_1fr] gap-2",
-      t
-    ),
-    ...e
-  }
-);
-g.displayName = "ContextMenuCheckboxItem";
-const y = ({
-  className: t,
-  ...e
-}) => /* @__PURE__ */ o(
-  a.RadioItemIndicator,
-  {
-    className: n("col-start-1", t),
-    ...e
-  }
-);
-y.displayName = "ContextMenuRadioItemIndicator";
-const I = ({
-  className: t,
-  ...e
-}) => /* @__PURE__ */ o(
-  a.CheckboxItemIndicator,
-  {
-    className: n("col-start-1", t),
-    ...e
-  }
-);
-I.displayName = "ContextMenuCheckboxItemIndicator";
-const f = ({
-  className: t,
-  ...e
-}) => /* @__PURE__ */ o("span", { className: n("col-start-2", t), ...e });
-f.displayName = "ContextMenuCheckboxItemLabel";
-const h = ({
-  className: t,
-  ...e
-}) => /* @__PURE__ */ o("span", { className: n("col-start-2", t), ...e });
-h.displayName = "ContextMenuRadioItemLabel";
-const R = ({
-  className: t,
-  ...e
-}) => /* @__PURE__ */ o(
-  a.SubmenuTrigger,
-  {
-    className: n(
-      r({ variant: "ghost", size: "sm" }),
-      "flex justify-between",
-      t
-    ),
-    ...e
-  }
-);
-R.displayName = "ContextMenuSubmenuTrigger";
-const k = (t) => /* @__PURE__ */ o(a.SubmenuRoot, { ...t });
-k.displayName = "ContextMenuSubmenuRoot";
-export {
-  c as ContextMenuArrow,
-  g as ContextMenuCheckboxItem,
-  I as ContextMenuCheckboxItemIndicator,
-  f as ContextMenuCheckboxItemLabel,
-  C as ContextMenuGroup,
-  M as ContextMenuGroupLabel,
-  p as ContextMenuItem,
-  l as ContextMenuPopup,
-  m as ContextMenuPortal,
-  d as ContextMenuPositioner,
-  N as ContextMenuRadioGroup,
-  b as ContextMenuRadioItem,
-  y as ContextMenuRadioItemIndicator,
-  h as ContextMenuRadioItemLabel,
-  i as ContextMenuRoot,
-  x as ContextMenuSeparator,
-  k as ContextMenuSubmenuRoot,
-  R as ContextMenuSubmenuTrigger,
-  u as ContextMenuTrigger
+'use client';
+
+import { buttonVariants } from "./lib/button-variants.js";
+import { cn } from "./lib/utils.js";
+import { ArrowSvg } from "./lib/arrow-svg.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { ContextMenu } from "@base-ui/react/context-menu";
+
+//#region src/components/context-menu.tsx
+const ContextMenuRoot = (props) => {
+	return /* @__PURE__ */ jsx(ContextMenu.Root, { ...props });
 };
+ContextMenuRoot.displayName = "ContextMenuRoot";
+const ContextMenuTrigger = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu.Trigger, {
+		className: cn(className),
+		...props
+	});
+};
+ContextMenuTrigger.displayName = "ContextMenuTrigger";
+const ContextMenuPortal = (props) => {
+	return /* @__PURE__ */ jsx(ContextMenu.Portal, { ...props });
+};
+ContextMenuPortal.displayName = "ContextMenuPortal";
+const ContextMenuPositioner = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu.Positioner, {
+		className: cn("z-50 outline-none", className),
+		sideOffset: 3,
+		...props
+	});
+};
+ContextMenuPositioner.displayName = "ContextMenuPositioner";
+const ContextMenuPopup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu.Popup, {
+		className: cn("rounded-md bg-background p-1 text-foreground shadow-sm border border-border transition-[transform,scale,opacity] data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-0 data-starting-style:opacity-0 dark:shadow-none", "min-w-[8rem]", className),
+		...props
+	});
+};
+ContextMenuPopup.displayName = "ContextMenuPopup";
+const ContextMenuArrow = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu.Arrow, {
+		className: cn("flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ArrowSvg, {})
+	});
+};
+ContextMenuArrow.displayName = "ContextMenuArrow";
+const ContextMenuItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu.Item, {
+		className: cn(buttonVariants({
+			variant: "ghost",
+			size: "sm"
+		}), "flex justify-start", className),
+		...props
+	});
+};
+ContextMenuItem.displayName = "ContextMenuItem";
+const ContextMenuSeparator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu.Separator, {
+		className: cn("-mx-1 my-1 h-px bg-border", className),
+		...props
+	});
+};
+ContextMenuSeparator.displayName = "ContextMenuSeparator";
+const ContextMenuGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu.Group, {
+		className: cn(className),
+		...props
+	});
+};
+ContextMenuGroup.displayName = "ContextMenuGroup";
+const ContextMenuGroupLabel = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu.GroupLabel, {
+		className: cn("px-3 py-1.5 text-sm font-semibold", className),
+		...props
+	});
+};
+ContextMenuGroupLabel.displayName = "ContextMenuGroupLabel";
+const ContextMenuRadioGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu.RadioGroup, {
+		className: cn(className),
+		...props
+	});
+};
+ContextMenuRadioGroup.displayName = "ContextMenuRadioGroup";
+const ContextMenuRadioItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu.RadioItem, {
+		className: cn(buttonVariants({
+			variant: "ghost",
+			size: "sm"
+		}), "grid grid-cols-[0.75rem_1fr] gap-2", className),
+		...props
+	});
+};
+ContextMenuRadioItem.displayName = "ContextMenuRadioItem";
+const ContextMenuCheckboxItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu.CheckboxItem, {
+		className: cn(buttonVariants({
+			variant: "ghost",
+			size: "sm"
+		}), "grid grid-cols-[0.75rem_1fr] gap-2", className),
+		...props
+	});
+};
+ContextMenuCheckboxItem.displayName = "ContextMenuCheckboxItem";
+const ContextMenuRadioItemIndicator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu.RadioItemIndicator, {
+		className: cn("col-start-1", className),
+		...props
+	});
+};
+ContextMenuRadioItemIndicator.displayName = "ContextMenuRadioItemIndicator";
+const ContextMenuCheckboxItemIndicator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu.CheckboxItemIndicator, {
+		className: cn("col-start-1", className),
+		...props
+	});
+};
+ContextMenuCheckboxItemIndicator.displayName = "ContextMenuCheckboxItemIndicator";
+const ContextMenuCheckboxItemLabel = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("col-start-2", className),
+		...props
+	});
+};
+ContextMenuCheckboxItemLabel.displayName = "ContextMenuCheckboxItemLabel";
+const ContextMenuRadioItemLabel = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("col-start-2", className),
+		...props
+	});
+};
+ContextMenuRadioItemLabel.displayName = "ContextMenuRadioItemLabel";
+const ContextMenuSubmenuTrigger = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu.SubmenuTrigger, {
+		className: cn(buttonVariants({
+			variant: "ghost",
+			size: "sm"
+		}), "flex justify-between", className),
+		...props
+	});
+};
+ContextMenuSubmenuTrigger.displayName = "ContextMenuSubmenuTrigger";
+const ContextMenuSubmenuRoot = (props) => {
+	return /* @__PURE__ */ jsx(ContextMenu.SubmenuRoot, { ...props });
+};
+ContextMenuSubmenuRoot.displayName = "ContextMenuSubmenuRoot";
+
+//#endregion
+export { ContextMenuArrow, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuCheckboxItemLabel, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuPopup, ContextMenuPortal, ContextMenuPositioner, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuRadioItemLabel, ContextMenuRoot, ContextMenuSeparator, ContextMenuSubmenuRoot, ContextMenuSubmenuTrigger, ContextMenuTrigger };
+//# sourceMappingURL=context-menu.js.map

package/dist/context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.js","names":["BaseContextMenu"],"sources":["../src/components/context-menu.tsx"],"sourcesContent":["'use client'\n\nimport { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu'\nimport * as React from 'react'\n\nimport { ArrowSvg } from '../lib/arrow-svg'\nimport { buttonVariants } from '../lib/button-variants'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// ContextMenuRoot\n// ============================================================================\n\ntype ContextMenuRootProps = React.ComponentProps<typeof BaseContextMenu.Root>\n\nconst ContextMenuRoot = (props: ContextMenuRootProps) => {\n  return <BaseContextMenu.Root {...props} />\n}\n\nContextMenuRoot.displayName = 'ContextMenuRoot'\n\n// ============================================================================\n// ContextMenuTrigger\n// ============================================================================\n\ntype ContextMenuTriggerProps = React.ComponentProps<typeof BaseContextMenu.Trigger>\n\nconst ContextMenuTrigger = ({ className, ...props }: ContextMenuTriggerProps) => {\n  return <BaseContextMenu.Trigger className={cn(className)} {...props} />\n}\n\nContextMenuTrigger.displayName = 'ContextMenuTrigger'\n\n// ============================================================================\n// ContextMenuPortal\n// ============================================================================\n\ntype ContextMenuPortalProps = React.ComponentProps<typeof BaseContextMenu.Portal>\n\nconst ContextMenuPortal = (props: ContextMenuPortalProps) => {\n  return <BaseContextMenu.Portal {...props} />\n}\n\nContextMenuPortal.displayName = 'ContextMenuPortal'\n\n// ============================================================================\n// ContextMenuPositioner\n// ============================================================================\n\ntype ContextMenuPositionerProps = React.ComponentProps<typeof BaseContextMenu.Positioner>\n\nconst ContextMenuPositioner = ({ className, ...props }: ContextMenuPositionerProps) => {\n  return (\n    <BaseContextMenu.Positioner\n      className={cn('z-50 outline-none', className)}\n      sideOffset={3}\n      {...props}\n    />\n  )\n}\n\nContextMenuPositioner.displayName = 'ContextMenuPositioner'\n\n// ============================================================================\n// ContextMenuPopup\n// ============================================================================\n\ntype ContextMenuPopupProps = React.ComponentProps<typeof BaseContextMenu.Popup>\n\nconst ContextMenuPopup = ({ className, ...props }: ContextMenuPopupProps) => {\n  return (\n    <BaseContextMenu.Popup\n      className={cn(\n        'rounded-md bg-background p-1 text-foreground shadow-sm border border-border transition-[transform,scale,opacity] data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-0 data-starting-style:opacity-0 dark:shadow-none',\n        'min-w-[8rem]',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nContextMenuPopup.displayName = 'ContextMenuPopup'\n\n// ============================================================================\n// ContextMenuArrow\n// ============================================================================\n\ntype ContextMenuArrowProps = React.ComponentProps<typeof BaseContextMenu.Arrow>\n\nconst ContextMenuArrow = ({ className, ...props }: ContextMenuArrowProps) => {\n  return (\n    <BaseContextMenu.Arrow\n      className={cn(\n        'flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180',\n        className,\n      )}\n      {...props}\n    >\n      <ArrowSvg />\n    </BaseContextMenu.Arrow>\n  )\n}\n\nContextMenuArrow.displayName = 'ContextMenuArrow'\n\n// ============================================================================\n// ContextMenuItem\n// ============================================================================\n\ntype ContextMenuItemProps = React.ComponentProps<typeof BaseContextMenu.Item>\n\nconst ContextMenuItem = ({ className, ...props }: ContextMenuItemProps) => {\n  return (\n    <BaseContextMenu.Item\n      className={cn(\n        buttonVariants({ variant: 'ghost', size: 'sm' }),\n        'flex justify-start',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nContextMenuItem.displayName = 'ContextMenuItem'\n\n// ============================================================================\n// ContextMenuSeparator\n// ============================================================================\n\ntype ContextMenuSeparatorProps = React.ComponentProps<typeof BaseContextMenu.Separator>\n\nconst ContextMenuSeparator = ({ className, ...props }: ContextMenuSeparatorProps) => {\n  return (\n    <BaseContextMenu.Separator\n      className={cn('-mx-1 my-1 h-px bg-border', className)}\n      {...props}\n    />\n  )\n}\n\nContextMenuSeparator.displayName = 'ContextMenuSeparator'\n\n// ============================================================================\n// ContextMenuGroup\n// ============================================================================\n\ntype ContextMenuGroupProps = React.ComponentProps<typeof BaseContextMenu.Group>\n\nconst ContextMenuGroup = ({ className, ...props }: ContextMenuGroupProps) => {\n  return <BaseContextMenu.Group className={cn(className)} {...props} />\n}\n\nContextMenuGroup.displayName = 'ContextMenuGroup'\n\n// ============================================================================\n// ContextMenuGroupLabel\n// ============================================================================\n\ntype ContextMenuGroupLabelProps = React.ComponentProps<typeof BaseContextMenu.GroupLabel>\n\nconst ContextMenuGroupLabel = ({ className, ...props }: ContextMenuGroupLabelProps) => {\n  return (\n    <BaseContextMenu.GroupLabel\n      className={cn('px-3 py-1.5 text-sm font-semibold', className)}\n      {...props}\n    />\n  )\n}\n\nContextMenuGroupLabel.displayName = 'ContextMenuGroupLabel'\n\n// ============================================================================\n// ContextMenuRadioGroup\n// ============================================================================\n\ntype ContextMenuRadioGroupProps = React.ComponentProps<typeof BaseContextMenu.RadioGroup>\n\nconst ContextMenuRadioGroup = ({ className, ...props }: ContextMenuRadioGroupProps) => {\n  return <BaseContextMenu.RadioGroup className={cn(className)} {...props} />\n}\n\nContextMenuRadioGroup.displayName = 'ContextMenuRadioGroup'\n\n// ============================================================================\n// ContextMenuRadioItem\n// ============================================================================\n\ntype ContextMenuRadioItemProps = React.ComponentProps<typeof BaseContextMenu.RadioItem>\n\nconst ContextMenuRadioItem = ({ className, ...props }: ContextMenuRadioItemProps) => {\n  return (\n    <BaseContextMenu.RadioItem\n      className={cn(\n        buttonVariants({ variant: 'ghost', size: 'sm' }),\n        'grid grid-cols-[0.75rem_1fr] gap-2',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nContextMenuRadioItem.displayName = 'ContextMenuRadioItem'\n\n// ============================================================================\n// ContextMenuCheckboxItem\n// ============================================================================\n\ntype ContextMenuCheckboxItemProps = React.ComponentProps<\n  typeof BaseContextMenu.CheckboxItem\n>\n\nconst ContextMenuCheckboxItem = ({\n  className,\n  ...props\n}: ContextMenuCheckboxItemProps) => {\n  return (\n    <BaseContextMenu.CheckboxItem\n      className={cn(\n        buttonVariants({ variant: 'ghost', size: 'sm' }),\n        'grid grid-cols-[0.75rem_1fr] gap-2',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nContextMenuCheckboxItem.displayName = 'ContextMenuCheckboxItem'\n\n// ============================================================================\n// ContextMenuRadioItemIndicator\n// ============================================================================\n\ntype ContextMenuRadioItemIndicatorProps = React.ComponentProps<\n  typeof BaseContextMenu.RadioItemIndicator\n>\n\nconst ContextMenuRadioItemIndicator = ({\n  className,\n  ...props\n}: ContextMenuRadioItemIndicatorProps) => {\n  return (\n    <BaseContextMenu.RadioItemIndicator\n      className={cn('col-start-1', className)}\n      {...props}\n    />\n  )\n}\n\nContextMenuRadioItemIndicator.displayName = 'ContextMenuRadioItemIndicator'\n\n// ============================================================================\n// ContextMenuCheckboxItemIndicator\n// ============================================================================\n\ntype ContextMenuCheckboxItemIndicatorProps = React.ComponentProps<\n  typeof BaseContextMenu.CheckboxItemIndicator\n>\n\nconst ContextMenuCheckboxItemIndicator = ({\n  className,\n  ...props\n}: ContextMenuCheckboxItemIndicatorProps) => {\n  return (\n    <BaseContextMenu.CheckboxItemIndicator\n      className={cn('col-start-1', className)}\n      {...props}\n    />\n  )\n}\n\nContextMenuCheckboxItemIndicator.displayName = 'ContextMenuCheckboxItemIndicator'\n\n// ============================================================================\n// ContextMenuCheckboxItemLabel\n// ============================================================================\n\ntype ContextMenuCheckboxItemLabelProps = React.ComponentProps<'span'>\n\nconst ContextMenuCheckboxItemLabel = ({\n  className,\n  ...props\n}: ContextMenuCheckboxItemLabelProps) => {\n  return <span className={cn('col-start-2', className)} {...props} />\n}\n\nContextMenuCheckboxItemLabel.displayName = 'ContextMenuCheckboxItemLabel'\n\n// ============================================================================\n// ContextMenuRadioItemLabel\n// ============================================================================\n\ntype ContextMenuRadioItemLabelProps = React.ComponentProps<'span'>\n\nconst ContextMenuRadioItemLabel = ({\n  className,\n  ...props\n}: ContextMenuRadioItemLabelProps) => {\n  return <span className={cn('col-start-2', className)} {...props} />\n}\n\nContextMenuRadioItemLabel.displayName = 'ContextMenuRadioItemLabel'\n\n// ============================================================================\n// ContextMenuSubmenuTrigger\n// ============================================================================\n\ntype ContextMenuSubmenuTriggerProps = React.ComponentProps<\n  typeof BaseContextMenu.SubmenuTrigger\n>\n\nconst ContextMenuSubmenuTrigger = ({\n  className,\n  ...props\n}: ContextMenuSubmenuTriggerProps) => {\n  return (\n    <BaseContextMenu.SubmenuTrigger\n      className={cn(\n        buttonVariants({ variant: 'ghost', size: 'sm' }),\n        'flex justify-between',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nContextMenuSubmenuTrigger.displayName = 'ContextMenuSubmenuTrigger'\n\n// ============================================================================\n// ContextMenuSubmenuRoot\n// ============================================================================\n\ntype ContextMenuSubmenuRootProps = React.ComponentProps<\n  typeof BaseContextMenu.SubmenuRoot\n>\n\nconst ContextMenuSubmenuRoot = (props: ContextMenuSubmenuRootProps) => {\n  return <BaseContextMenu.SubmenuRoot {...props} />\n}\n\nContextMenuSubmenuRoot.displayName = 'ContextMenuSubmenuRoot'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  ContextMenuRoot,\n  ContextMenuTrigger,\n  ContextMenuPortal,\n  ContextMenuPositioner,\n  ContextMenuPopup,\n  ContextMenuArrow,\n  ContextMenuItem,\n  ContextMenuSeparator,\n  ContextMenuGroup,\n  ContextMenuGroupLabel,\n  ContextMenuRadioGroup,\n  ContextMenuRadioItem,\n  ContextMenuRadioItemIndicator,\n  ContextMenuRadioItemLabel,\n  ContextMenuCheckboxItem,\n  ContextMenuCheckboxItemIndicator,\n  ContextMenuCheckboxItemLabel,\n  ContextMenuSubmenuTrigger,\n  ContextMenuSubmenuRoot,\n}\n\nexport type {\n  ContextMenuRootProps,\n  ContextMenuTriggerProps,\n  ContextMenuPortalProps,\n  ContextMenuPositionerProps,\n  ContextMenuPopupProps,\n  ContextMenuArrowProps,\n  ContextMenuItemProps,\n  ContextMenuSeparatorProps,\n  ContextMenuGroupProps,\n  ContextMenuGroupLabelProps,\n  ContextMenuRadioGroupProps,\n  ContextMenuRadioItemProps,\n  ContextMenuRadioItemIndicatorProps,\n  ContextMenuRadioItemLabelProps,\n  ContextMenuCheckboxItemProps,\n  ContextMenuCheckboxItemIndicatorProps,\n  ContextMenuCheckboxItemLabelProps,\n  ContextMenuSubmenuTriggerProps,\n  ContextMenuSubmenuRootProps,\n}\n"],"mappings":"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"}

package/dist/dialog.d.ts

@@ -1,92 +1,101 @@
-import { Dialog } from '@base-ui/react/dialog';
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-
-declare type ButtonSize = 'sm' | 'default' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
-
-declare type ButtonVariant = 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link';
-
-export declare const DialogBackdrop: {
-    ({ className, ...props }: DialogBackdropProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DialogBackdropProps = React_2.ComponentProps<typeof Dialog.Backdrop>;
-
-export declare const DialogClose: {
-    ({ className, variant, size, ...props }: DialogCloseProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DialogCloseProps = React_2.ComponentProps<typeof Dialog.Close> & {
-    /** Visual style variant */
-    variant?: ButtonVariant;
-    /** Size of the close button */
-    size?: ButtonSize;
-};
-
-export declare const DialogDescription: {
-    ({ className, ...props }: DialogDescriptionProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DialogDescriptionProps = React_2.ComponentProps<typeof Dialog.Description>;
-
-export declare const DialogFooter: {
-    ({ className, ...props }: DialogFooterProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DialogFooterProps = React_2.HTMLAttributes<HTMLDivElement>;
-
-export declare const DialogHeader: {
-    ({ className, ...props }: DialogHeaderProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DialogHeaderProps = React_2.HTMLAttributes<HTMLDivElement>;
-
-export declare const DialogPopup: {
-    ({ className, size, ...props }: DialogPopupProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DialogPopupProps = React_2.ComponentProps<typeof Dialog.Popup> & {
-    /** Size of the dialog popup */
-    size?: 'sm' | 'default' | 'lg' | 'xl' | 'full';
-};
-
-export declare const DialogPortal: {
-    (props: DialogPortalProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DialogPortalProps = React_2.ComponentProps<typeof Dialog.Portal>;
-
-export declare const DialogRoot: {
-    (props: DialogRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DialogRootProps = React_2.ComponentProps<typeof Dialog.Root>;
-
-export declare const DialogTitle: {
-    ({ className, ...props }: DialogTitleProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DialogTitleProps = React_2.ComponentProps<typeof Dialog.Title>;
-
-export declare const DialogTrigger: {
-    ({ className, variant, size, ...props }: DialogTriggerProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DialogTriggerProps = React_2.ComponentProps<typeof Dialog.Trigger> & {
-    /** Visual style variant */
-    variant?: ButtonVariant;
-    /** Size of the trigger button */
-    size?: ButtonSize;
-};
-
-export { }
+import { ButtonSize, ButtonVariant } from "./lib/button-variants.js";
+import * as React from "react";
+import * as react_jsx_runtime211 from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region src/components/dialog.d.ts
+type DialogRootProps = React.ComponentProps<typeof Dialog.Root>;
+declare const DialogRoot: {
+  (props: DialogRootProps): react_jsx_runtime211.JSX.Element;
+  displayName: string;
+};
+type DialogTriggerProps = React.ComponentProps<typeof Dialog.Trigger> & {
+  /** Visual style variant */
+  variant?: ButtonVariant;
+  /** Size of the trigger button */
+  size?: ButtonSize;
+};
+declare const DialogTrigger: {
+  ({
+    className,
+    variant,
+    size,
+    ...props
+  }: DialogTriggerProps): react_jsx_runtime211.JSX.Element;
+  displayName: string;
+};
+type DialogPortalProps = React.ComponentProps<typeof Dialog.Portal>;
+declare const DialogPortal: {
+  (props: DialogPortalProps): react_jsx_runtime211.JSX.Element;
+  displayName: string;
+};
+type DialogBackdropProps = React.ComponentProps<typeof Dialog.Backdrop>;
+declare const DialogBackdrop: {
+  ({
+    className,
+    ...props
+  }: DialogBackdropProps): react_jsx_runtime211.JSX.Element;
+  displayName: string;
+};
+type DialogPopupProps = React.ComponentProps<typeof Dialog.Popup> & {
+  /** Size of the dialog popup */
+  size?: 'sm' | 'default' | 'lg' | 'xl' | 'full';
+};
+declare const DialogPopup: {
+  ({
+    className,
+    size,
+    ...props
+  }: DialogPopupProps): react_jsx_runtime211.JSX.Element;
+  displayName: string;
+};
+type DialogTitleProps = React.ComponentProps<typeof Dialog.Title>;
+declare const DialogTitle: {
+  ({
+    className,
+    ...props
+  }: DialogTitleProps): react_jsx_runtime211.JSX.Element;
+  displayName: string;
+};
+type DialogDescriptionProps = React.ComponentProps<typeof Dialog.Description>;
+declare const DialogDescription: {
+  ({
+    className,
+    ...props
+  }: DialogDescriptionProps): react_jsx_runtime211.JSX.Element;
+  displayName: string;
+};
+type DialogCloseProps = React.ComponentProps<typeof Dialog.Close> & {
+  /** Visual style variant */
+  variant?: ButtonVariant;
+  /** Size of the close button */
+  size?: ButtonSize;
+};
+declare const DialogClose: {
+  ({
+    className,
+    variant,
+    size,
+    ...props
+  }: DialogCloseProps): react_jsx_runtime211.JSX.Element;
+  displayName: string;
+};
+type DialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+declare const DialogHeader: {
+  ({
+    className,
+    ...props
+  }: DialogHeaderProps): react_jsx_runtime211.JSX.Element;
+  displayName: string;
+};
+type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
+declare const DialogFooter: {
+  ({
+    className,
+    ...props
+  }: DialogFooterProps): react_jsx_runtime211.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { DialogBackdrop, type DialogBackdropProps, DialogClose, type DialogCloseProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogPopup, type DialogPopupProps, DialogPortal, type DialogPortalProps, DialogRoot, type DialogRootProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps };
+//# sourceMappingURL=dialog.d.ts.map

package/dist/dialog.d.ts.map

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