ixia-ui-react 1.7.0 → 2.0.0

package/dist/context-menu/index.js

@@ -0,0 +1,166 @@
+import { t as cn } from "../cn-BDi0DfT5.js";
+import { n as Icon } from "../icon-D3JWfCa2.js";
+import { n as menuSubmenuToneClasses, t as menuItemToneClasses } from "../menu-tone-DWBEHoX2.js";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
+// src/components/context-menu/context-menu.tsx
+function ContextMenu$2({ ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu$1.Root, { ...props });
+}
+// src/components/context-menu/context-menu-checkbox-item.tsx
+function ContextMenuCheckboxItem({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsxs(ContextMenu$1.CheckboxItem, {
+		className: cn("relative z-0 grid cursor-default grid-cols-[1fr_2rem] items-center px-xs py-3xs style-text-default-0 outline-none select-none before:absolute before:inset-x-3xs before:inset-y-[0px] before:z-[-1] before:rounded-md before:bg-transparent before:content-[\"\"] hover:cursor-pointer data-highlighted:text-neutral-on-container data-highlighted:before:bg-neutral-container-high", className),
+		ref,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "col-start-1",
+			children
+		}), /* @__PURE__ */ jsx(ContextMenu$1.CheckboxItemIndicator, {
+			className: "col-start-2 flex items-center justify-center place-self-end self-center",
+			children: /* @__PURE__ */ jsx(Icon, {
+				name: "selected",
+				className: "size-sm"
+			})
+		})]
+	});
+}
+// src/components/context-menu/context-menu-group.tsx
+function ContextMenuGroup({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu$1.Group, {
+		className: cn("", className),
+		ref,
+		...props
+	});
+}
+// src/components/context-menu/context-menu-group-label.tsx
+function ContextMenuGroupLabel({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu$1.GroupLabel, {
+		className: cn("cursor-default px-2xs py-3xs style-text-default--2 text-on-surface-variant select-none", className),
+		ref,
+		...props
+	});
+}
+// src/components/context-menu/context-menu.types.ts
+const contextMenuItemVariants = cva("relative z-0 flex cursor-default items-center px-xs py-3xs style-text-default-0 transition-colors duration-100 outline-none select-none before:absolute before:inset-x-3xs before:inset-y-[0px] before:z-[-1] before:rounded-md before:bg-transparent before:transition-colors before:duration-100 before:content-[\"\"] hover:cursor-pointer", {
+	defaultVariants: { tone: "neutral" },
+	variants: { tone: menuItemToneClasses }
+});
+const contextMenuSubmenuTriggerVariants = cva("relative z-0 flex cursor-default items-center px-xs py-3xs style-text-default-0 transition-colors duration-100 outline-none select-none before:absolute before:inset-x-3xs before:inset-y-[0px] before:z-[-1] before:rounded-md before:bg-transparent before:transition-colors before:duration-100 before:content-[\"\"] hover:cursor-pointer", {
+	defaultVariants: { tone: "neutral" },
+	variants: { tone: menuSubmenuToneClasses }
+});
+// src/components/context-menu/context-menu-item.tsx
+function ContextMenuItem({ className, tone, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu$1.Item, {
+		className: cn(contextMenuItemVariants({ tone }), className),
+		nativeButton: true,
+		ref,
+		render: (renderProps) => /* @__PURE__ */ jsx("button", {
+			type: "button",
+			...renderProps,
+			className: cn("w-full gap-2xs [&>svg]:size-sm", renderProps.className),
+			children
+		}),
+		...props
+	});
+}
+// src/components/context-menu/context-menu-popup.tsx
+function ContextMenuPopup({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu$1.Portal, { children: /* @__PURE__ */ jsx(ContextMenu$1.Positioner, {
+		className: "z-99",
+		children: /* @__PURE__ */ jsx(ContextMenu$1.Popup, {
+			className: cn("flex w-[calc(100%+var(--spacing-xl))] origin-(--transform-origin) translate-x-[-calc(var(--spacing-xl)/2)] flex-col gap-3xs rounded-xl bg-surface-2 p-3xs py-2xs shadow-md transition-[transform,scale,opacity] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-90 data-starting-style:opacity-0", className),
+			ref,
+			...props
+		})
+	}) });
+}
+// src/components/context-menu/context-menu-radio-group.tsx
+function ContextMenuRadioGroup({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu$1.RadioGroup, {
+		className: cn("", className),
+		ref,
+		...props
+	});
+}
+// src/components/context-menu/context-menu-radio-item.tsx
+function ContextMenuRadioItem({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsxs(ContextMenu$1.RadioItem, {
+		className: cn("relative z-0 grid cursor-default grid-cols-[1fr_2rem] items-center px-xs py-3xs style-text-default-0 outline-none select-none before:absolute before:inset-x-3xs before:inset-y-[0px] before:z-[-1] before:rounded-md before:bg-transparent before:content-[\"\"] hover:cursor-pointer data-highlighted:text-neutral-on-container data-highlighted:before:bg-neutral-container-high", className),
+		ref,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "col-start-1 min-w-3xl",
+			children
+		}), /* @__PURE__ */ jsx(ContextMenu$1.RadioItemIndicator, {
+			className: "col-start-2 flex items-center justify-center place-self-end self-center",
+			children: /* @__PURE__ */ jsx(Icon, {
+				name: "selected",
+				className: "size-sm"
+			})
+		})]
+	});
+}
+// src/components/context-menu/context-menu-separator.tsx
+function ContextMenuSeparator({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu$1.Separator, {
+		className: cn("mx-2xs my-3xs h-px bg-border-strong", className),
+		ref,
+		...props
+	});
+}
+// src/components/context-menu/context-menu-shortcut.tsx
+function ContextMenuShortcut({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("ml-auto inline-flex items-center gap-3xs", className),
+		ref,
+		...props
+	});
+}
+// src/components/context-menu/context-menu-submenu.tsx
+function ContextMenuSubmenu({ ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu$1.SubmenuRoot, { ...props });
+}
+// src/components/context-menu/context-menu-submenu-trigger.tsx
+function ContextMenuSubmenuTrigger({ className, children, ref, tone, ...props }) {
+	return /* @__PURE__ */ jsxs(ContextMenu$1.SubmenuTrigger, {
+		className: cn(contextMenuSubmenuTriggerVariants({ tone }), className),
+		ref,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "flex min-w-3xl items-center gap-2xs pr-2xl",
+			children
+		}), /* @__PURE__ */ jsx(Icon, {
+			name: "chevronRight",
+			className: "ml-auto size-xs shrink-0 self-center"
+		})]
+	});
+}
+// src/components/context-menu/context-menu-trigger.tsx
+function ContextMenuTrigger({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu$1.Trigger, {
+		className: cn("flex min-w-0 flex-1", className),
+		ref,
+		...props
+	});
+}
+// src/components/context-menu/index.ts
+const ContextMenu = Object.assign(ContextMenu$2, {
+	CheckboxItem: ContextMenuCheckboxItem,
+	Group: ContextMenuGroup,
+	GroupLabel: ContextMenuGroupLabel,
+	Item: ContextMenuItem,
+	Popup: ContextMenuPopup,
+	RadioGroup: ContextMenuRadioGroup,
+	RadioItem: ContextMenuRadioItem,
+	Separator: ContextMenuSeparator,
+	Shortcut: ContextMenuShortcut,
+	Submenu: ContextMenuSubmenu,
+	SubmenuTrigger: ContextMenuSubmenuTrigger,
+	Trigger: ContextMenuTrigger
+});
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuPopup, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSubmenu, ContextMenuSubmenuTrigger, ContextMenuTrigger };
+
+//# sourceMappingURL=index.js.map

package/dist/context-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ContextMenu","BaseContextMenu","BaseContextMenu","BaseContextMenu","BaseContextMenu","BaseContextMenu","BaseContextMenu","BaseContextMenu","BaseContextMenu","BaseContextMenu","BaseContextMenu","BaseContextMenu","BaseContextMenu","ContextMenuRoot"],"sources":["../../src/components/context-menu/context-menu.tsx","../../src/components/context-menu/context-menu-checkbox-item.tsx","../../src/components/context-menu/context-menu-group.tsx","../../src/components/context-menu/context-menu-group-label.tsx","../../src/components/context-menu/context-menu.types.ts","../../src/components/context-menu/context-menu-item.tsx","../../src/components/context-menu/context-menu-popup.tsx","../../src/components/context-menu/context-menu-radio-group.tsx","../../src/components/context-menu/context-menu-radio-item.tsx","../../src/components/context-menu/context-menu-separator.tsx","../../src/components/context-menu/context-menu-shortcut.tsx","../../src/components/context-menu/context-menu-submenu.tsx","../../src/components/context-menu/context-menu-submenu-trigger.tsx","../../src/components/context-menu/context-menu-trigger.tsx","../../src/components/context-menu/index.ts"],"sourcesContent":["import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu'\n\nimport type { ContextMenuProps } from './context-menu.types'\n\nexport function ContextMenu({ ...props }: ContextMenuProps) {\n  return <BaseContextMenu.Root {...props} />\n}\n","import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu'\n\nimport { cn } from '@/utils/cn'\n\nimport { Icon } from '../icon'\nimport type { ContextMenuCheckboxItemProps } from './context-menu.types'\n\nexport function ContextMenuCheckboxItem({\n  className,\n  children,\n  ref,\n  ...props\n}: ContextMenuCheckboxItemProps) {\n  return (\n    <BaseContextMenu.CheckboxItem\n      className={cn(\n        'relative z-0 grid cursor-default grid-cols-[1fr_2rem] items-center px-xs py-3xs style-text-default-0 outline-none select-none before:absolute before:inset-x-3xs before:inset-y-[0px] before:z-[-1] before:rounded-md before:bg-transparent before:content-[\"\"] hover:cursor-pointer data-highlighted:text-neutral-on-container data-highlighted:before:bg-neutral-container-high',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    >\n      <span className=\"col-start-1\">{children}</span>\n      <BaseContextMenu.CheckboxItemIndicator className=\"col-start-2 flex items-center justify-center place-self-end self-center\">\n        <Icon name=\"selected\" className=\"size-sm\" />\n      </BaseContextMenu.CheckboxItemIndicator>\n    </BaseContextMenu.CheckboxItem>\n  )\n}\n","import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu'\n\nimport { cn } from '@/utils/cn'\n\nimport type { ContextMenuGroupProps } from './context-menu.types'\n\nexport function ContextMenuGroup({ className, ref, ...props }: ContextMenuGroupProps) {\n  return <BaseContextMenu.Group className={cn('', className)} ref={ref} {...props} />\n}\n","import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu'\n\nimport { cn } from '@/utils/cn'\n\nimport type { ContextMenuGroupLabelProps } from './context-menu.types'\n\nexport function ContextMenuGroupLabel({ className, ref, ...props }: ContextMenuGroupLabelProps) {\n  return (\n    <BaseContextMenu.GroupLabel\n      className={cn(\n        'cursor-default px-2xs py-3xs style-text-default--2 text-on-surface-variant select-none',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import type { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu'\nimport { cva } from 'class-variance-authority'\nimport type { VariantProps } from 'class-variance-authority'\n\nimport { menuItemToneClasses, menuSubmenuToneClasses } from '../menu/menu-tone'\n\ntype ContextMenuProps = React.ComponentProps<typeof BaseContextMenu.Root>\ntype ContextMenuTriggerProps = React.ComponentProps<typeof BaseContextMenu.Trigger>\ntype ContextMenuPopupProps = React.ComponentProps<typeof BaseContextMenu.Popup>\ntype ContextMenuSeparatorProps = React.ComponentProps<typeof BaseContextMenu.Separator>\ntype ContextMenuSubmenuProps = React.ComponentProps<typeof BaseContextMenu.SubmenuRoot>\ntype ContextMenuShortcutProps = React.ComponentProps<'div'>\ntype ContextMenuGroupProps = React.ComponentProps<typeof BaseContextMenu.Group>\ntype ContextMenuGroupLabelProps = React.ComponentProps<typeof BaseContextMenu.GroupLabel>\ntype ContextMenuCheckboxItemProps = React.ComponentProps<typeof BaseContextMenu.CheckboxItem> &\n  VariantProps<typeof contextMenuItemVariants>\ntype ContextMenuRadioItemProps = React.ComponentProps<typeof BaseContextMenu.RadioItem> &\n  VariantProps<typeof contextMenuItemVariants>\ntype ContextMenuRadioGroupProps = React.ComponentProps<typeof BaseContextMenu.RadioGroup>\n\nconst contextMenuItemVariants = cva(\n    'relative z-0 flex cursor-default items-center px-xs py-3xs style-text-default-0 transition-colors duration-100 outline-none select-none before:absolute before:inset-x-3xs before:inset-y-[0px] before:z-[-1] before:rounded-md before:bg-transparent before:transition-colors before:duration-100 before:content-[\"\"] hover:cursor-pointer',\n    {\n      defaultVariants: {\n        tone: 'neutral',\n      },\n      variants: {\n        tone: menuItemToneClasses,\n      },\n    },\n  ),\n  contextMenuSubmenuTriggerVariants = cva(\n    'relative z-0 flex cursor-default items-center px-xs py-3xs style-text-default-0 transition-colors duration-100 outline-none select-none before:absolute before:inset-x-3xs before:inset-y-[0px] before:z-[-1] before:rounded-md before:bg-transparent before:transition-colors before:duration-100 before:content-[\"\"] hover:cursor-pointer',\n    {\n      defaultVariants: {\n        tone: 'neutral',\n      },\n      variants: {\n        tone: menuSubmenuToneClasses,\n      },\n    },\n  )\n\ntype ContextMenuItemProps = React.ComponentProps<typeof BaseContextMenu.Item> &\n  VariantProps<typeof contextMenuItemVariants>\n\ntype ContextMenuSubmenuTriggerProps = React.ComponentProps<typeof BaseContextMenu.SubmenuTrigger> &\n  VariantProps<typeof contextMenuSubmenuTriggerVariants>\n\nexport type {\n  ContextMenuProps,\n  ContextMenuTriggerProps,\n  ContextMenuPopupProps,\n  ContextMenuSeparatorProps,\n  ContextMenuSubmenuProps,\n  ContextMenuShortcutProps,\n  ContextMenuGroupProps,\n  ContextMenuGroupLabelProps,\n  ContextMenuCheckboxItemProps,\n  ContextMenuRadioItemProps,\n  ContextMenuRadioGroupProps,\n  ContextMenuItemProps,\n  ContextMenuSubmenuTriggerProps,\n}\nexport { contextMenuItemVariants, contextMenuSubmenuTriggerVariants }\n","import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu'\n\nimport { cn } from '@/utils/cn'\n\nimport { contextMenuItemVariants } from './context-menu.types'\nimport type { ContextMenuItemProps } from './context-menu.types'\n\nexport function ContextMenuItem({\n  className,\n  tone,\n  children,\n  ref,\n  ...props\n}: ContextMenuItemProps) {\n  return (\n    <BaseContextMenu.Item\n      className={cn(contextMenuItemVariants({ tone }), className)}\n      nativeButton\n      ref={ref}\n      render={(renderProps) => (\n        <button\n          type=\"button\"\n          {...renderProps}\n          className={cn('w-full gap-2xs [&>svg]:size-sm', renderProps.className)}\n        >\n          {children}\n        </button>\n      )}\n      {...props}\n    />\n  )\n}\n","import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu'\n\nimport { cn } from '@/utils/cn'\n\nimport type { ContextMenuPopupProps } from './context-menu.types'\n\nexport function ContextMenuPopup({ className, ref, ...props }: ContextMenuPopupProps) {\n  return (\n    <BaseContextMenu.Portal>\n      <BaseContextMenu.Positioner className=\"z-99\">\n        <BaseContextMenu.Popup\n          className={cn(\n            'flex w-[calc(100%+var(--spacing-xl))] origin-(--transform-origin) translate-x-[-calc(var(--spacing-xl)/2)] flex-col gap-3xs rounded-xl bg-surface-2 p-3xs py-2xs shadow-md transition-[transform,scale,opacity] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-90 data-starting-style:opacity-0',\n            className,\n          )}\n          ref={ref}\n          {...props}\n        />\n      </BaseContextMenu.Positioner>\n    </BaseContextMenu.Portal>\n  )\n}\n","import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu'\n\nimport { cn } from '@/utils/cn'\n\nimport type { ContextMenuRadioGroupProps } from './context-menu.types'\n\nexport function ContextMenuRadioGroup({ className, ref, ...props }: ContextMenuRadioGroupProps) {\n  return <BaseContextMenu.RadioGroup className={cn('', className)} ref={ref} {...props} />\n}\n","import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu'\n\nimport { cn } from '@/utils/cn'\n\nimport { Icon } from '../icon'\nimport type { ContextMenuRadioItemProps } from './context-menu.types'\n\nexport function ContextMenuRadioItem({\n  className,\n  children,\n  ref,\n  ...props\n}: ContextMenuRadioItemProps) {\n  return (\n    <BaseContextMenu.RadioItem\n      className={cn(\n        'relative z-0 grid cursor-default grid-cols-[1fr_2rem] items-center px-xs py-3xs style-text-default-0 outline-none select-none before:absolute before:inset-x-3xs before:inset-y-[0px] before:z-[-1] before:rounded-md before:bg-transparent before:content-[\"\"] hover:cursor-pointer data-highlighted:text-neutral-on-container data-highlighted:before:bg-neutral-container-high',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    >\n      <span className=\"col-start-1 min-w-3xl\">{children}</span>\n      <BaseContextMenu.RadioItemIndicator className=\"col-start-2 flex items-center justify-center place-self-end self-center\">\n        <Icon name=\"selected\" className=\"size-sm\" />\n      </BaseContextMenu.RadioItemIndicator>\n    </BaseContextMenu.RadioItem>\n  )\n}\n","import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu'\n\nimport { cn } from '@/utils/cn'\n\nimport type { ContextMenuSeparatorProps } from './context-menu.types'\n\nexport function ContextMenuSeparator({ className, ref, ...props }: ContextMenuSeparatorProps) {\n  return (\n    <BaseContextMenu.Separator\n      className={cn('mx-2xs my-3xs h-px bg-border-strong', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { ContextMenuShortcutProps } from './context-menu.types'\n\nexport function ContextMenuShortcut({ className, ref, ...props }: ContextMenuShortcutProps) {\n  return (\n    <div\n      className={cn('ml-auto inline-flex items-center gap-3xs', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu'\n\nimport type { ContextMenuSubmenuProps } from './context-menu.types'\n\nexport function ContextMenuSubmenu({ ...props }: ContextMenuSubmenuProps) {\n  return <BaseContextMenu.SubmenuRoot {...props} />\n}\n","import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu'\n\nimport { cn } from '@/utils/cn'\n\nimport { Icon } from '../icon'\nimport { contextMenuSubmenuTriggerVariants } from './context-menu.types'\nimport type { ContextMenuSubmenuTriggerProps } from './context-menu.types'\n\nexport function ContextMenuSubmenuTrigger({\n  className,\n  children,\n  ref,\n  tone,\n  ...props\n}: ContextMenuSubmenuTriggerProps) {\n  return (\n    <BaseContextMenu.SubmenuTrigger\n      className={cn(contextMenuSubmenuTriggerVariants({ tone }), className)}\n      ref={ref}\n      {...props}\n    >\n      <span className=\"flex min-w-3xl items-center gap-2xs pr-2xl\">{children}</span>\n      <Icon name=\"chevronRight\" className=\"ml-auto size-xs shrink-0 self-center\" />\n    </BaseContextMenu.SubmenuTrigger>\n  )\n}\n","import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu'\n\nimport { cn } from '@/utils/cn'\n\nimport type { ContextMenuTriggerProps } from './context-menu.types'\n\nexport function ContextMenuTrigger({ className, ref, ...props }: ContextMenuTriggerProps) {\n  return (\n    <BaseContextMenu.Trigger\n      className={cn('flex min-w-0 flex-1', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { ContextMenu as ContextMenuRoot } from './context-menu'\nimport { ContextMenuCheckboxItem } from './context-menu-checkbox-item'\nimport { ContextMenuGroup } from './context-menu-group'\nimport { ContextMenuGroupLabel } from './context-menu-group-label'\nimport { ContextMenuItem } from './context-menu-item'\nimport { ContextMenuPopup } from './context-menu-popup'\nimport { ContextMenuRadioGroup } from './context-menu-radio-group'\nimport { ContextMenuRadioItem } from './context-menu-radio-item'\nimport { ContextMenuSeparator } from './context-menu-separator'\nimport { ContextMenuShortcut } from './context-menu-shortcut'\nimport { ContextMenuSubmenu } from './context-menu-submenu'\nimport { ContextMenuSubmenuTrigger } from './context-menu-submenu-trigger'\nimport { ContextMenuTrigger } from './context-menu-trigger'\n\nconst ContextMenu = Object.assign(ContextMenuRoot, {\n  CheckboxItem: ContextMenuCheckboxItem,\n  Group: ContextMenuGroup,\n  GroupLabel: ContextMenuGroupLabel,\n  Item: ContextMenuItem,\n  Popup: ContextMenuPopup,\n  RadioGroup: ContextMenuRadioGroup,\n  RadioItem: ContextMenuRadioItem,\n  Separator: ContextMenuSeparator,\n  Shortcut: ContextMenuShortcut,\n  Submenu: ContextMenuSubmenu,\n  SubmenuTrigger: ContextMenuSubmenuTrigger,\n  Trigger: ContextMenuTrigger,\n})\n\nexport type {\n  ContextMenuCheckboxItemProps,\n  ContextMenuGroupLabelProps,\n  ContextMenuGroupProps,\n  ContextMenuRadioGroupProps,\n  ContextMenuRadioItemProps,\n  ContextMenuShortcutProps,\n  ContextMenuItemProps,\n  ContextMenuPopupProps,\n  ContextMenuProps,\n  ContextMenuSeparatorProps,\n  ContextMenuSubmenuProps,\n  ContextMenuSubmenuTriggerProps,\n  ContextMenuTriggerProps,\n} from './context-menu.types'\nexport { ContextMenuCheckboxItem } from './context-menu-checkbox-item'\nexport { ContextMenuGroup } from './context-menu-group'\nexport { ContextMenuGroupLabel } from './context-menu-group-label'\nexport { ContextMenuRadioGroup } from './context-menu-radio-group'\nexport { ContextMenuRadioItem } from './context-menu-radio-item'\nexport { ContextMenuShortcut } from './context-menu-shortcut'\nexport { ContextMenuItem } from './context-menu-item'\nexport { ContextMenuPopup } from './context-menu-popup'\nexport { ContextMenuSeparator } from './context-menu-separator'\nexport { ContextMenuSubmenu } from './context-menu-submenu'\nexport { ContextMenuSubmenuTrigger } from './context-menu-submenu-trigger'\nexport { ContextMenuTrigger } from './context-menu-trigger'\n\nexport { ContextMenu }\n"],"mappings":";;;;;;;AAIA,SAAgBA,cAAY,EAAE,GAAG,SAA2B;CAC1D,OAAO,oBAACC,cAAgB,MAAjB,EAAsB,GAAI,MAAQ,CAAA;AAC3C;;ACCA,SAAgB,wBAAwB,EACtC,WACA,UACA,KACA,GAAG,SAC4B;CAC/B,OACE,qBAACC,cAAgB,cAAjB;EACE,WAAW,GACT,uXACA,SACF;EACK;EACL,GAAI;EANN,UAAA,CAQE,oBAAC,QAAD;GAAM,WAAU;GAAe;EAAe,CAAA,GAC9C,oBAACA,cAAgB,uBAAjB;GAAuC,WAAU;GAC/C,UAAA,oBAAC,MAAD;IAAM,MAAK;IAAW,WAAU;GAAW,CAAA;EACN,CAAA,CACX;;AAElC;;ACtBA,SAAgB,iBAAiB,EAAE,WAAW,KAAK,GAAG,SAAgC;CACpF,OAAO,oBAACC,cAAgB,OAAjB;EAAuB,WAAW,GAAG,IAAI,SAAS;EAAQ;EAAK,GAAI;CAAQ,CAAA;AACpF;;ACFA,SAAgB,sBAAsB,EAAE,WAAW,KAAK,GAAG,SAAqC;CAC9F,OACE,oBAACC,cAAgB,YAAjB;EACE,WAAW,GACT,0FACA,SACF;EACK;EACL,GAAI;CACL,CAAA;AAEL;;ACGA,MAAM,0BAA0B,IAC5B,iVACA;CACE,iBAAiB,EACf,MAAM,UACR;CACA,UAAU,EACR,MAAM,oBACR;AACF,CACF;AACA,MAAA,oCAAoC,IAClC,iVACA;CACE,iBAAiB,EACf,MAAM,UACR;CACA,UAAU,EACR,MAAM,uBACR;AACF,CACF;;AClCF,SAAgB,gBAAgB,EAC9B,WACA,MACA,UACA,KACA,GAAG,SACoB;CACvB,OACE,oBAACC,cAAgB,MAAjB;EACE,WAAW,GAAG,wBAAwB,EAAE,KAAK,CAAC,GAAG,SAAS;EAC1D,cAAA;EACK;EACL,SAAS,gBACP,oBAAC,UAAD;GACE,MAAK;GACL,GAAI;GACJ,WAAW,GAAG,kCAAkC,YAAY,SAAS;GAEpE;EACK,CAAA;EAEV,GAAI;CACL,CAAA;AAEL;;ACzBA,SAAgB,iBAAiB,EAAE,WAAW,KAAK,GAAG,SAAgC;CACpF,OACE,oBAACC,cAAgB,QAAjB,EAAA,UACE,oBAACA,cAAgB,YAAjB;EAA4B,WAAU;EACpC,UAAA,oBAACA,cAAgB,OAAjB;GACE,WAAW,GACT,kVACA,SACF;GACK;GACL,GAAI;EACL,CAAA;CACyB,CAAA,EACN,CAAA;AAE5B;;ACfA,SAAgB,sBAAsB,EAAE,WAAW,KAAK,GAAG,SAAqC;CAC9F,OAAO,oBAACC,cAAgB,YAAjB;EAA4B,WAAW,GAAG,IAAI,SAAS;EAAQ;EAAK,GAAI;CAAQ,CAAA;AACzF;;ACDA,SAAgB,qBAAqB,EACnC,WACA,UACA,KACA,GAAG,SACyB;CAC5B,OACE,qBAACC,cAAgB,WAAjB;EACE,WAAW,GACT,uXACA,SACF;EACK;EACL,GAAI;EANN,UAAA,CAQE,oBAAC,QAAD;GAAM,WAAU;GAAyB;EAAe,CAAA,GACxD,oBAACA,cAAgB,oBAAjB;GAAoC,WAAU;GAC5C,UAAA,oBAAC,MAAD;IAAM,MAAK;IAAW,WAAU;GAAW,CAAA;EACT,CAAA,CACX;;AAE/B;;ACtBA,SAAgB,qBAAqB,EAAE,WAAW,KAAK,GAAG,SAAoC;CAC5F,OACE,oBAACC,cAAgB,WAAjB;EACE,WAAW,GAAG,uCAAuC,SAAS;EACzD;EACL,GAAI;CACL,CAAA;AAEL;;ACVA,SAAgB,oBAAoB,EAAE,WAAW,KAAK,GAAG,SAAmC;CAC1F,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,4CAA4C,SAAS;EAC9D;EACL,GAAI;CACL,CAAA;AAEL;;ACRA,SAAgB,mBAAmB,EAAE,GAAG,SAAkC;CACxE,OAAO,oBAACC,cAAgB,aAAjB,EAA6B,GAAI,MAAQ,CAAA;AAClD;;ACEA,SAAgB,0BAA0B,EACxC,WACA,UACA,KACA,MACA,GAAG,SAC8B;CACjC,OACE,qBAACC,cAAgB,gBAAjB;EACE,WAAW,GAAG,kCAAkC,EAAE,KAAK,CAAC,GAAG,SAAS;EAC/D;EACL,GAAI;EAHN,UAAA,CAKE,oBAAC,QAAD;GAAM,WAAU;GAA8C;EAAe,CAAA,GAC7E,oBAAC,MAAD;GAAM,MAAK;GAAe,WAAU;EAAwC,CAAA,CAC9C;;AAEpC;;ACnBA,SAAgB,mBAAmB,EAAE,WAAW,KAAK,GAAG,SAAkC;CACxF,OACE,oBAACC,cAAgB,SAAjB;EACE,WAAW,GAAG,uBAAuB,SAAS;EACzC;EACL,GAAI;CACL,CAAA;AAEL;;ACAA,MAAM,cAAc,OAAO,OAAOC,eAAiB;CACjD,cAAc;CACd,OAAO;CACP,YAAY;CACZ,MAAM;CACN,OAAO;CACP,YAAY;CACZ,WAAW;CACX,WAAW;CACX,UAAU;CACV,SAAS;CACT,gBAAgB;CAChB,SAAS;AACX,CAAC"}

package/dist/dialog/index.d.ts

@@ -0,0 +1,36 @@
+import { ComponentProps } from "react";
+import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
+type DialogProps = ComponentProps<typeof Dialog$1.Root>;
+type DialogTriggerProps = ComponentProps<typeof Dialog$1.Trigger>;
+type DialogPopupProps = ComponentProps<typeof Dialog$1.Popup>;
+type DialogTitleProps = ComponentProps<typeof Dialog$1.Title>;
+type DialogDescriptionProps = ComponentProps<typeof Dialog$1.Description>;
+type DialogCloseProps = ComponentProps<typeof Dialog$1.Close>;
+type DialogContentProps = React.ComponentProps<'div'>;
+type DialogHeaderProps = React.ComponentProps<'div'>;
+type DialogFooterProps = React.ComponentProps<'div'>;
+type DialogIconProps = React.ComponentProps<'div'>;
+declare const DialogHelper: typeof Dialog$1;
+declare function Dialog$2({ ...props }: DialogProps): import("react").JSX.Element;
+export declare function DialogClose({ className, children, ref, ...props }: DialogCloseProps): import("react").JSX.Element;
+export declare function DialogContent({ className, ref, ...props }: DialogContentProps): import("react").JSX.Element;
+export declare function DialogDescription({ className, ref, ...props }: DialogDescriptionProps): import("react").JSX.Element;
+export declare function DialogFooter({ className, ref, ...props }: DialogFooterProps): import("react").JSX.Element;
+export declare function DialogHeader({ className, ref, ...props }: DialogHeaderProps): import("react").JSX.Element;
+export declare function DialogIcon({ className, ref, ...props }: DialogIconProps): import("react").JSX.Element;
+export declare function DialogPopup({ className, children, ref, ...props }: DialogPopupProps): import("react").JSX.Element;
+export declare function DialogTitle({ className, ref, ...props }: DialogTitleProps): import("react").JSX.Element;
+export declare function DialogTrigger({ className, children, ref, ...props }: DialogTriggerProps): import("react").JSX.Element;
+declare const Dialog: typeof Dialog$2 & {
+  Close: typeof DialogClose;
+  Content: typeof DialogContent;
+  Description: typeof DialogDescription;
+  Footer: typeof DialogFooter;
+  Header: typeof DialogHeader;
+  Icon: typeof DialogIcon;
+  Popup: typeof DialogPopup;
+  Title: typeof DialogTitle;
+  Trigger: typeof DialogTrigger;
+};
+export { Dialog, type DialogCloseProps, type DialogDescriptionProps, type DialogFooterProps, type DialogHeaderProps, DialogHelper, type DialogIconProps, type DialogPopupProps, type DialogProps, type DialogTitleProps, type DialogTriggerProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/dialog/index.js

@@ -0,0 +1,119 @@
+import { t as cn } from "../cn-BDi0DfT5.js";
+import { n as Icon } from "../icon-D3JWfCa2.js";
+import { t as Button } from "../button-BpUC-R1J.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { isValidElement } from "react";
+import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
+// src/components/dialog/dialog.tsx
+function Dialog$2({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog$1.Root, { ...props });
+}
+// src/components/dialog/dialog-close.tsx
+function DialogClose({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog$1.Close, {
+		className: cn("absolute top-xs right-xs", className),
+		ref,
+		...props,
+		render: /* @__PURE__ */ jsx(Button, {
+			"aria-label": "Close",
+			variant: "ghost",
+			size: "extraSmall",
+			tone: "error",
+			children: children ?? /* @__PURE__ */ jsx(Icon, { name: "close" })
+		})
+	});
+}
+// src/components/dialog/dialog-content.tsx
+function DialogContent({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex h-full flex-col gap-sm", className),
+		ref,
+		...props
+	});
+}
+// src/components/dialog/dialog-description.tsx
+function DialogDescription({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog$1.Description, {
+		"data-slot": "dialog-description",
+		className: cn("style-text-prose-0 text-on-surface-variant", className),
+		ref,
+		...props
+	});
+}
+// src/components/dialog/dialog-footer.tsx
+function DialogFooter({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex w-full items-center justify-end gap-2xs", className),
+		ref,
+		...props
+	});
+}
+// src/components/dialog/dialog-header.tsx
+function DialogHeader({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("grid auto-rows-min items-center gap-x-sm has-data-[slot=dialog-description]:grid-rows-[auto_auto] has-data-[slot=dialog-icon]:grid-cols-[auto_1fr] has-data-[slot=dialog-description]:**:data-[slot=dialog-icon]:row-span-2", className),
+		ref,
+		...props
+	});
+}
+// src/components/dialog/dialog-icon.tsx
+function DialogIcon({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-icon",
+		className: cn("row-span-2 self-start [&>svg]:size-xl [&>svg]:shrink-0", className),
+		ref,
+		...props
+	});
+}
+// src/components/dialog/dialog-popup.tsx
+function DialogPopup({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsxs(Dialog$1.Portal, { children: [/* @__PURE__ */ jsx(Dialog$1.Backdrop, {
+		className: "fixed inset-[0px] z-998 min-h-dvh transition-all duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-[-webkit-touch-callout:none]:absolute",
+		style: {
+			WebkitBackdropFilter: "blur(16px)",
+			backdropFilter: "blur(16px)"
+		}
+	}), /* @__PURE__ */ jsx(Dialog$1.Popup, {
+		className: cn("fixed top-1/2 left-1/2 z-999 flex max-w-[calc(100vw-3rem)] min-w-1/6 -translate-1/2 flex-col gap-sm overflow-hidden rounded-3xl bg-surface-2 px-lg py-md shadow-lg transition-all duration-150 data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-90 data-starting-style:opacity-0", className),
+		ref,
+		...props,
+		children
+	})] });
+}
+// src/components/dialog/dialog-title.tsx
+function DialogTitle({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog$1.Title, {
+		"data-slot": "dialog-title",
+		className: cn("style-text-strong-1", className),
+		ref,
+		...props
+	});
+}
+// src/components/dialog/dialog-trigger.tsx
+function DialogTrigger({ className, children, ref, ...props }) {
+	let render = void 0;
+	if (isValidElement(children)) render = children;
+	return /* @__PURE__ */ jsx(Dialog$1.Trigger, {
+		className: cn("", className),
+		ref,
+		...props,
+		render
+	});
+}
+// src/components/dialog/dialog.types.ts
+const DialogHelper = Dialog$1;
+// src/components/dialog/index.ts
+const Dialog = Object.assign(Dialog$2, {
+	Close: DialogClose,
+	Content: DialogContent,
+	Description: DialogDescription,
+	Footer: DialogFooter,
+	Header: DialogHeader,
+	Icon: DialogIcon,
+	Popup: DialogPopup,
+	Title: DialogTitle,
+	Trigger: DialogTrigger
+});
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogHelper, DialogIcon, DialogPopup, DialogTitle, DialogTrigger };
+
+//# sourceMappingURL=index.js.map

package/dist/dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Dialog","BaseDialog","BaseDialog","BaseDialog","BaseDialog","BaseDialog","BaseDialog","BaseDialog","DialogRoot"],"sources":["../../src/components/dialog/dialog.tsx","../../src/components/dialog/dialog-close.tsx","../../src/components/dialog/dialog-content.tsx","../../src/components/dialog/dialog-description.tsx","../../src/components/dialog/dialog-footer.tsx","../../src/components/dialog/dialog-header.tsx","../../src/components/dialog/dialog-icon.tsx","../../src/components/dialog/dialog-popup.tsx","../../src/components/dialog/dialog-title.tsx","../../src/components/dialog/dialog-trigger.tsx","../../src/components/dialog/dialog.types.ts","../../src/components/dialog/index.ts"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog'\n\nimport type { DialogProps } from './dialog.types'\n\nexport function Dialog({ ...props }: DialogProps) {\n  return <BaseDialog.Root {...props} />\n}\n","import { Dialog as BaseDialog } from '@base-ui/react/dialog'\n\nimport { cn } from '@/utils/cn'\n\nimport { Button } from '../button'\nimport { Icon } from '../icon'\nimport type { DialogCloseProps } from './dialog.types'\n\nexport function DialogClose({ className, children, ref, ...props }: DialogCloseProps) {\n  return (\n    <BaseDialog.Close\n      className={cn('absolute top-xs right-xs', className)}\n      ref={ref}\n      {...props}\n      render={\n        <Button aria-label=\"Close\" variant=\"ghost\" size=\"extraSmall\" tone=\"error\">\n          {children ?? <Icon name=\"close\" />}\n        </Button>\n      }\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { DialogContentProps } from './dialog.types'\n\nexport function DialogContent({ className, ref, ...props }: DialogContentProps) {\n  return <div className={cn('flex h-full flex-col gap-sm', className)} ref={ref} {...props} />\n}\n","import { Dialog as BaseDialog } from '@base-ui/react/dialog'\n\nimport { cn } from '@/utils/cn'\n\nimport type { DialogDescriptionProps } from './dialog.types'\n\nexport function DialogDescription({ className, ref, ...props }: DialogDescriptionProps) {\n  return (\n    <BaseDialog.Description\n      data-slot=\"dialog-description\"\n      className={cn('style-text-prose-0 text-on-surface-variant', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { DialogFooterProps } from './dialog.types'\n\nexport function DialogFooter({ className, ref, ...props }: DialogFooterProps) {\n  return (\n    <div\n      className={cn('flex w-full items-center justify-end gap-2xs', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { DialogHeaderProps } from './dialog.types'\n\nexport function DialogHeader({ className, ref, ...props }: DialogHeaderProps) {\n  return (\n    <div\n      className={cn(\n        'grid auto-rows-min items-center gap-x-sm has-data-[slot=dialog-description]:grid-rows-[auto_auto] has-data-[slot=dialog-icon]:grid-cols-[auto_1fr] has-data-[slot=dialog-description]:**:data-[slot=dialog-icon]:row-span-2',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { DialogIconProps } from './dialog.types'\n\nexport function DialogIcon({ className, ref, ...props }: DialogIconProps) {\n  return (\n    <div\n      data-slot=\"dialog-icon\"\n      className={cn('row-span-2 self-start [&>svg]:size-xl [&>svg]:shrink-0', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { Dialog as BaseDialog } from '@base-ui/react/dialog'\n\nimport { cn } from '@/utils/cn'\n\nimport type { DialogPopupProps } from './dialog.types'\n\nexport function DialogPopup({ className, children, ref, ...props }: DialogPopupProps) {\n  return (\n    <BaseDialog.Portal>\n      <BaseDialog.Backdrop\n        className=\"fixed inset-[0px] z-998 min-h-dvh transition-all duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-[-webkit-touch-callout:none]:absolute\"\n        style={{ WebkitBackdropFilter: 'blur(16px)', backdropFilter: 'blur(16px)' }}\n      />\n      <BaseDialog.Popup\n        className={cn(\n          'fixed top-1/2 left-1/2 z-999 flex max-w-[calc(100vw-3rem)] min-w-1/6 -translate-1/2 flex-col gap-sm overflow-hidden rounded-3xl bg-surface-2 px-lg py-md shadow-lg transition-all duration-150 data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-90 data-starting-style:opacity-0',\n          className,\n        )}\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </BaseDialog.Popup>\n    </BaseDialog.Portal>\n  )\n}\n","import { Dialog as BaseDialog } from '@base-ui/react/dialog'\n\nimport { cn } from '@/utils/cn'\n\nimport type { DialogTitleProps } from './dialog.types'\n\nexport function DialogTitle({ className, ref, ...props }: DialogTitleProps) {\n  return (\n    <BaseDialog.Title\n      data-slot=\"dialog-title\"\n      className={cn('style-text-strong-1', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { Dialog as BaseDialog } from '@base-ui/react/dialog'\nimport { isValidElement } from 'react'\nimport type { ReactElement } from 'react'\n\nimport { cn } from '@/utils/cn'\n\nimport type { DialogTriggerProps } from './dialog.types'\n\nexport function DialogTrigger({ className, children, ref, ...props }: DialogTriggerProps) {\n  let render: ReactElement | undefined = undefined\n  if (isValidElement(children)) {\n    render = children\n  }\n\n  return <BaseDialog.Trigger className={cn('', className)} ref={ref} {...props} render={render} />\n}\n","import { Dialog as BaseDialog } from '@base-ui/react/dialog'\nimport type { ComponentProps } from 'react'\n\ntype DialogProps = ComponentProps<typeof BaseDialog.Root>\n\ntype DialogTriggerProps = ComponentProps<typeof BaseDialog.Trigger>\n\ntype DialogPopupProps = ComponentProps<typeof BaseDialog.Popup>\n\ntype DialogTitleProps = ComponentProps<typeof BaseDialog.Title>\n\ntype DialogDescriptionProps = ComponentProps<typeof BaseDialog.Description>\n\ntype DialogCloseProps = ComponentProps<typeof BaseDialog.Close>\ntype DialogContentProps = React.ComponentProps<'div'>\ntype DialogHeaderProps = React.ComponentProps<'div'>\ntype DialogFooterProps = React.ComponentProps<'div'>\ntype DialogIconProps = React.ComponentProps<'div'>\nconst DialogHelper = BaseDialog\n\nexport type {\n  DialogProps,\n  DialogTriggerProps,\n  DialogPopupProps,\n  DialogTitleProps,\n  DialogDescriptionProps,\n  DialogCloseProps,\n  DialogContentProps,\n  DialogHeaderProps,\n  DialogFooterProps,\n  DialogIconProps,\n}\nexport { DialogHelper }\n","import { Dialog as DialogRoot } from './dialog'\nimport { DialogClose } from './dialog-close'\nimport { DialogContent } from './dialog-content'\nimport { DialogDescription } from './dialog-description'\nimport { DialogFooter } from './dialog-footer'\nimport { DialogHeader } from './dialog-header'\nimport { DialogIcon } from './dialog-icon'\nimport { DialogPopup } from './dialog-popup'\nimport { DialogTitle } from './dialog-title'\nimport { DialogTrigger } from './dialog-trigger'\n\nconst Dialog = Object.assign(DialogRoot, {\n  Close: DialogClose,\n  Content: DialogContent,\n  Description: DialogDescription,\n  Footer: DialogFooter,\n  Header: DialogHeader,\n  Icon: DialogIcon,\n  Popup: DialogPopup,\n  Title: DialogTitle,\n  Trigger: DialogTrigger,\n})\n\nexport type {\n  DialogCloseProps,\n  DialogDescriptionProps,\n  DialogFooterProps,\n  DialogHeaderProps,\n  DialogIconProps,\n  DialogPopupProps,\n  DialogProps,\n  DialogTitleProps,\n  DialogTriggerProps,\n} from './dialog.types'\nexport { DialogClose } from './dialog-close'\nexport { DialogContent } from './dialog-content'\nexport { DialogDescription } from './dialog-description'\nexport { DialogFooter } from './dialog-footer'\nexport { DialogHeader } from './dialog-header'\nexport { DialogIcon } from './dialog-icon'\nexport { DialogPopup } from './dialog-popup'\nexport { DialogTitle } from './dialog-title'\nexport { DialogTrigger } from './dialog-trigger'\nexport { DialogHelper } from './dialog.types'\n\nexport { Dialog }\n"],"mappings":";;;;;;;AAIA,SAAgBA,SAAO,EAAE,GAAG,SAAsB;CAChD,OAAO,oBAACC,SAAW,MAAZ,EAAiB,GAAI,MAAQ,CAAA;AACtC;;ACEA,SAAgB,YAAY,EAAE,WAAW,UAAU,KAAK,GAAG,SAA2B;CACpF,OACE,oBAACC,SAAW,OAAZ;EACE,WAAW,GAAG,4BAA4B,SAAS;EAC9C;EACL,GAAI;EACJ,QACE,oBAAC,QAAD;GAAQ,cAAW;GAAQ,SAAQ;GAAQ,MAAK;GAAa,MAAK;GAC/D,UAAA,YAAY,oBAAC,MAAD,EAAM,MAAK,QAAS,CAAA;EAC3B,CAAA;CAEX,CAAA;AAEL;;ACjBA,SAAgB,cAAc,EAAE,WAAW,KAAK,GAAG,SAA6B;CAC9E,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,+BAA+B,SAAS;EAAQ;EAAK,GAAI;CAAQ,CAAA;AAC7F;;ACAA,SAAgB,kBAAkB,EAAE,WAAW,KAAK,GAAG,SAAiC;CACtF,OACE,oBAACC,SAAW,aAAZ;EACE,aAAU;EACV,WAAW,GAAG,8CAA8C,SAAS;EAChE;EACL,GAAI;CACL,CAAA;AAEL;;ACXA,SAAgB,aAAa,EAAE,WAAW,KAAK,GAAG,SAA4B;CAC5E,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,gDAAgD,SAAS;EAClE;EACL,GAAI;CACL,CAAA;AAEL;;ACRA,SAAgB,aAAa,EAAE,WAAW,KAAK,GAAG,SAA4B;CAC5E,OACE,oBAAC,OAAD;EACE,WAAW,GACT,+NACA,SACF;EACK;EACL,GAAI;CACL,CAAA;AAEL;;ACXA,SAAgB,WAAW,EAAE,WAAW,KAAK,GAAG,SAA0B;CACxE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,0DAA0D,SAAS;EAC5E;EACL,GAAI;CACL,CAAA;AAEL;;ACPA,SAAgB,YAAY,EAAE,WAAW,UAAU,KAAK,GAAG,SAA2B;CACpF,OACE,qBAACC,SAAW,QAAZ,EAAA,UAAA,CACE,oBAACA,SAAW,UAAZ;EACE,WAAU;EACV,OAAO;GAAE,sBAAsB;GAAc,gBAAgB;EAAa;CAC3E,CAAA,GACD,oBAACA,SAAW,OAAZ;EACE,WAAW,GACT,oTACA,SACF;EACK;EACL,GAAI;EAEH;CACe,CAAA,CACD,EAAA,CAAA;AAEvB;;ACnBA,SAAgB,YAAY,EAAE,WAAW,KAAK,GAAG,SAA2B;CAC1E,OACE,oBAACC,SAAW,OAAZ;EACE,aAAU;EACV,WAAW,GAAG,uBAAuB,SAAS;EACzC;EACL,GAAI;CACL,CAAA;AAEL;;ACPA,SAAgB,cAAc,EAAE,WAAW,UAAU,KAAK,GAAG,SAA6B;CACxF,IAAI,SAAmC,KAAA;CACvC,IAAI,eAAe,QAAQ,GACzB,SAAS;CAGX,OAAO,oBAACC,SAAW,SAAZ;EAAoB,WAAW,GAAG,IAAI,SAAS;EAAQ;EAAK,GAAI;EAAe;CAAS,CAAA;AACjG;;ACGA,MAAM,eAAeC;;ACPrB,MAAM,SAAS,OAAO,OAAOC,UAAY;CACvC,OAAO;CACP,SAAS;CACT,aAAa;CACb,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;CACP,SAAS;AACX,CAAC"}

package/dist/drawer/index.d.ts

@@ -0,0 +1,31 @@
+import { Drawer as Drawer$1 } from "@base-ui/react";
+type DrawerProps = Drawer$1.Root.Props;
+type DrawerProviderProps = Drawer$1.Provider.Props;
+type DrawerTriggerProps = Drawer$1.Trigger.Props;
+type DrawerPopupProps = Drawer$1.Popup.Props;
+type DrawerContentProps = Drawer$1.Content.Props;
+type DrawerTitleProps = Drawer$1.Title.Props;
+type DrawerDescriptionProps = Drawer$1.Description.Props;
+type DrawerCloseProps = Drawer$1.Close.Props;
+type DrawerHeaderProps = React.ComponentProps<'div'>;
+declare function Drawer$2({ ...props }: DrawerProps): import("react").JSX.Element;
+export declare function DrawerClose({ className, ref, ...props }: DrawerCloseProps): import("react").JSX.Element;
+export declare function DrawerContent({ className, ref, ...props }: DrawerContentProps): import("react").JSX.Element;
+export declare function DrawerDescription({ className, ref, ...props }: DrawerDescriptionProps): import("react").JSX.Element;
+export declare function DrawerHeader({ className, ref, ...props }: DrawerHeaderProps): import("react").JSX.Element;
+export declare function DrawerPopup({ className, children, ref, ...props }: DrawerPopupProps): import("react").JSX.Element;
+export declare function DrawerProvider({ children, ...props }: DrawerProviderProps): import("react").JSX.Element;
+export declare function DrawerTitle({ className, ref, ...props }: DrawerTitleProps): import("react").JSX.Element;
+export declare function DrawerTrigger({ className, children, ref, ...props }: DrawerTriggerProps): import("react").JSX.Element;
+declare const Drawer: typeof Drawer$2 & {
+  Close: typeof DrawerClose;
+  Content: typeof DrawerContent;
+  Description: typeof DrawerDescription;
+  Header: typeof DrawerHeader;
+  Popup: typeof DrawerPopup;
+  Provider: typeof DrawerProvider;
+  Title: typeof DrawerTitle;
+  Trigger: typeof DrawerTrigger;
+};
+export { Drawer, type DrawerCloseProps, type DrawerContentProps, type DrawerDescriptionProps, type DrawerHeaderProps, type DrawerPopupProps, type DrawerProps, type DrawerProviderProps, type DrawerTitleProps, type DrawerTriggerProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/drawer/index.js

@@ -0,0 +1,95 @@
+import { t as cn } from "../cn-BDi0DfT5.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { isValidElement } from "react";
+import { Drawer as Drawer$1 } from "@base-ui/react";
+// src/components/drawer/drawer.tsx
+function Drawer$2({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Root, { ...props });
+}
+// src/components/drawer/drawer-close.tsx
+function DrawerClose({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Close, {
+		className: cn("shrink-0", className),
+		ref,
+		...props
+	});
+}
+// src/components/drawer/drawer-content.tsx
+function DrawerContent({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Content, {
+		className: cn("mx-auto w-full max-w-[32rem] space-y-3xs", className),
+		ref,
+		...props
+	});
+}
+// src/components/drawer/drawer-description.tsx
+function DrawerDescription({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Description, {
+		className: cn("style-text-prose-0 text-on-surface-variant", className),
+		ref,
+		...props
+	});
+}
+// src/components/drawer/drawer-header.tsx
+function DrawerHeader({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-start justify-between pb-sm", className),
+		ref,
+		...props
+	});
+}
+// src/components/drawer/drawer-popup.tsx
+const backdropClassName = "fixed inset-0 min-h-dvh bg-scrim opacity-[calc(var(--backdrop-opacity)*(1-var(--drawer-swipe-progress)))] transition-opacity duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] [--backdrop-opacity:0.2] [--bleed:3rem] data-ending-style:opacity-0 data-ending-style:duration-[calc(var(--drawer-swipe-strength)*0.4s)] data-starting-style:opacity-0 data-swiping:duration-0 supports-[-webkit-touch-callout:none]:absolute dark:[--backdrop-opacity:0.7]";
+const viewportClassName = cn("fixed inset-0 flex", "items-end justify-center", "has-[[data-swipe-direction=up]]:items-start has-[[data-swipe-direction=up]]:justify-center", "has-[[data-swipe-direction=right]]:items-center has-[[data-swipe-direction=right]]:justify-end", "has-[[data-swipe-direction=left]]:items-center has-[[data-swipe-direction=left]]:justify-start");
+const popupClassName = cn("touch-auto overflow-y-auto overscroll-contain bg-surface-background p-md outline outline-border-strong transition-transform duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*0.4s)] data-swiping:select-none", "mb-[-3rem] max-h-[calc(80vh+3rem)] w-full transform-[translateY(var(--drawer-swipe-movement-y))] rounded-t-2xl pb-[calc(1.5rem+env(safe-area-inset-bottom,0)+3rem)] shadow-[0_-8px_24px_var(--color-shadow)] data-ending-style:transform-[translateY(calc(100%-3rem+2px))] data-starting-style:transform-[translateY(calc(100%-3rem+2px))]", "data-[swipe-direction=up]:mt-[-3rem] data-[swipe-direction=up]:mb-0 data-[swipe-direction=up]:rounded-t-none data-[swipe-direction=up]:rounded-b-2xl data-[swipe-direction=up]:pt-[calc(1.5rem+env(safe-area-inset-top,0)+3rem)] data-[swipe-direction=up]:pb-md data-[swipe-direction=up]:shadow-[0_8px_24px_var(--color-shadow)] data-[swipe-direction=up]:data-ending-style:transform-[translateY(calc(-100%+3rem-2px))] data-[swipe-direction=up]:data-starting-style:transform-[translateY(calc(-100%+3rem-2px))]", "data-[swipe-direction=right]:mr-[-3rem] data-[swipe-direction=right]:mb-0 data-[swipe-direction=right]:h-full data-[swipe-direction=right]:max-h-dvh data-[swipe-direction=right]:w-[23rem] data-[swipe-direction=right]:max-w-[calc(100vw-3rem)] data-[swipe-direction=right]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=right]:rounded-none data-[swipe-direction=right]:rounded-l-2xl data-[swipe-direction=right]:pr-[4.5rem] data-[swipe-direction=right]:pb-md data-[swipe-direction=right]:shadow-[-8px_0_24px_var(--color-shadow)] data-[swipe-direction=right]:data-ending-style:transform-[translateX(calc(100%-3rem+2px))] data-[swipe-direction=right]:data-starting-style:transform-[translateX(calc(100%-3rem+2px))]", "data-[swipe-direction=left]:mb-0 data-[swipe-direction=left]:ml-[-3rem] data-[swipe-direction=left]:h-full data-[swipe-direction=left]:max-h-dvh data-[swipe-direction=left]:w-[23rem] data-[swipe-direction=left]:max-w-[calc(100vw-3rem)] data-[swipe-direction=left]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=left]:rounded-none data-[swipe-direction=left]:rounded-r-2xl data-[swipe-direction=left]:pb-md data-[swipe-direction=left]:pl-[4.5rem] data-[swipe-direction=left]:shadow-[8px_0_24px_var(--color-shadow)] data-[swipe-direction=left]:data-ending-style:transform-[translateX(calc(-100%+3rem-2px))] data-[swipe-direction=left]:data-starting-style:transform-[translateX(calc(-100%+3rem-2px))]");
+function DrawerPopup({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsxs(Drawer$1.Portal, { children: [/* @__PURE__ */ jsx(Drawer$1.Backdrop, { className: backdropClassName }), /* @__PURE__ */ jsx(Drawer$1.Viewport, {
+		className: viewportClassName,
+		children: /* @__PURE__ */ jsx(Drawer$1.Popup, {
+			className: cn(popupClassName, className),
+			ref,
+			...props,
+			children
+		})
+	})] });
+}
+// src/components/drawer/drawer-provider.tsx
+function DrawerProvider({ children, ...props }) {
+	return /* @__PURE__ */ jsxs(Drawer$1.Provider, {
+		...props,
+		children: [/* @__PURE__ */ jsx(Drawer$1.IndentBackground, {}), /* @__PURE__ */ jsx(Drawer$1.Indent, { children })]
+	});
+}
+// src/components/drawer/drawer-title.tsx
+function DrawerTitle({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Title, {
+		className: cn("style-text-strong-1", className),
+		ref,
+		...props
+	});
+}
+// src/components/drawer/drawer-trigger.tsx
+function DrawerTrigger({ className, children, ref, ...props }) {
+	let render = void 0;
+	if (isValidElement(children)) render = children;
+	return /* @__PURE__ */ jsx(Drawer$1.Trigger, {
+		className: cn("", className),
+		ref,
+		...props,
+		render
+	});
+}
+// src/components/drawer/index.ts
+const Drawer = Object.assign(Drawer$2, {
+	Close: DrawerClose,
+	Content: DrawerContent,
+	Description: DrawerDescription,
+	Header: DrawerHeader,
+	Popup: DrawerPopup,
+	Provider: DrawerProvider,
+	Title: DrawerTitle,
+	Trigger: DrawerTrigger
+});
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerHeader, DrawerPopup, DrawerProvider, DrawerTitle, DrawerTrigger };
+
+//# sourceMappingURL=index.js.map

package/dist/drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Drawer","BaseDrawer","BaseDrawer","BaseDrawer","BaseDrawer","BaseDrawer","BaseDrawer","BaseDrawer","BaseDrawer","DrawerRoot"],"sources":["../../src/components/drawer/drawer.tsx","../../src/components/drawer/drawer-close.tsx","../../src/components/drawer/drawer-content.tsx","../../src/components/drawer/drawer-description.tsx","../../src/components/drawer/drawer-header.tsx","../../src/components/drawer/drawer-popup.tsx","../../src/components/drawer/drawer-provider.tsx","../../src/components/drawer/drawer-title.tsx","../../src/components/drawer/drawer-trigger.tsx","../../src/components/drawer/index.ts"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react'\n\nimport type { DrawerProps } from './drawer.types'\n\nexport function Drawer({ ...props }: DrawerProps) {\n  return <BaseDrawer.Root {...props} />\n}\n","import { Drawer as BaseDrawer } from '@base-ui/react'\n\nimport { cn } from '@/utils/cn'\n\nimport type { DrawerCloseProps } from './drawer.types'\n\nexport function DrawerClose({ className, ref, ...props }: DrawerCloseProps) {\n  return <BaseDrawer.Close className={cn('shrink-0', className)} ref={ref} {...props} />\n}\n","import { Drawer as BaseDrawer } from '@base-ui/react'\n\nimport { cn } from '@/utils/cn'\n\nimport type { DrawerContentProps } from './drawer.types'\n\nexport function DrawerContent({ className, ref, ...props }: DrawerContentProps) {\n  return (\n    <BaseDrawer.Content\n      className={cn('mx-auto w-full max-w-[32rem] space-y-3xs', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { Drawer as BaseDrawer } from '@base-ui/react'\n\nimport { cn } from '@/utils/cn'\n\nimport type { DrawerDescriptionProps } from './drawer.types'\n\nexport function DrawerDescription({ className, ref, ...props }: DrawerDescriptionProps) {\n  return (\n    <BaseDrawer.Description\n      className={cn('style-text-prose-0 text-on-surface-variant', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { DrawerHeaderProps } from './drawer.types'\n\nexport function DrawerHeader({ className, ref, ...props }: DrawerHeaderProps) {\n  return (\n    <div className={cn('flex items-start justify-between pb-sm', className)} ref={ref} {...props} />\n  )\n}\n","import { Drawer as BaseDrawer } from '@base-ui/react'\n\nimport { cn } from '@/utils/cn'\n\nimport type { DrawerPopupProps } from './drawer.types'\n\nconst backdropClassName =\n    'fixed inset-0 min-h-dvh bg-scrim opacity-[calc(var(--backdrop-opacity)*(1-var(--drawer-swipe-progress)))] transition-opacity duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] [--backdrop-opacity:0.2] [--bleed:3rem] data-ending-style:opacity-0 data-ending-style:duration-[calc(var(--drawer-swipe-strength)*0.4s)] data-starting-style:opacity-0 data-swiping:duration-0 supports-[-webkit-touch-callout:none]:absolute dark:[--backdrop-opacity:0.7]',\n  viewportClassName = cn(\n    'fixed inset-0 flex',\n    // Down (bottom sheet) - default\n    'items-end justify-center',\n    // Up (top sheet)\n    'has-[[data-swipe-direction=up]]:items-start has-[[data-swipe-direction=up]]:justify-center',\n    // Right (right drawer)\n    'has-[[data-swipe-direction=right]]:items-center has-[[data-swipe-direction=right]]:justify-end',\n    // Left (left drawer)\n    'has-[[data-swipe-direction=left]]:items-center has-[[data-swipe-direction=left]]:justify-start',\n  ),\n  popupClassName = cn(\n    // Base styles (shared by all directions)\n    'touch-auto overflow-y-auto overscroll-contain bg-surface-background p-md outline outline-border-strong transition-transform duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*0.4s)] data-swiping:select-none',\n\n    // Down (bottom sheet) - default, shadow goes up\n    'mb-[-3rem] max-h-[calc(80vh+3rem)] w-full transform-[translateY(var(--drawer-swipe-movement-y))] rounded-t-2xl pb-[calc(1.5rem+env(safe-area-inset-bottom,0)+3rem)] shadow-[0_-8px_24px_var(--color-shadow)] data-ending-style:transform-[translateY(calc(100%-3rem+2px))] data-starting-style:transform-[translateY(calc(100%-3rem+2px))]',\n\n    // Up (top sheet) - shadow goes down\n    'data-[swipe-direction=up]:mt-[-3rem] data-[swipe-direction=up]:mb-0 data-[swipe-direction=up]:rounded-t-none data-[swipe-direction=up]:rounded-b-2xl data-[swipe-direction=up]:pt-[calc(1.5rem+env(safe-area-inset-top,0)+3rem)] data-[swipe-direction=up]:pb-md data-[swipe-direction=up]:shadow-[0_8px_24px_var(--color-shadow)] data-[swipe-direction=up]:data-ending-style:transform-[translateY(calc(-100%+3rem-2px))] data-[swipe-direction=up]:data-starting-style:transform-[translateY(calc(-100%+3rem-2px))]',\n\n    // Right (right drawer) - shadow goes left\n    'data-[swipe-direction=right]:mr-[-3rem] data-[swipe-direction=right]:mb-0 data-[swipe-direction=right]:h-full data-[swipe-direction=right]:max-h-dvh data-[swipe-direction=right]:w-[23rem] data-[swipe-direction=right]:max-w-[calc(100vw-3rem)] data-[swipe-direction=right]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=right]:rounded-none data-[swipe-direction=right]:rounded-l-2xl data-[swipe-direction=right]:pr-[4.5rem] data-[swipe-direction=right]:pb-md data-[swipe-direction=right]:shadow-[-8px_0_24px_var(--color-shadow)] data-[swipe-direction=right]:data-ending-style:transform-[translateX(calc(100%-3rem+2px))] data-[swipe-direction=right]:data-starting-style:transform-[translateX(calc(100%-3rem+2px))]',\n\n    // Left (left drawer) - shadow goes right\n    'data-[swipe-direction=left]:mb-0 data-[swipe-direction=left]:ml-[-3rem] data-[swipe-direction=left]:h-full data-[swipe-direction=left]:max-h-dvh data-[swipe-direction=left]:w-[23rem] data-[swipe-direction=left]:max-w-[calc(100vw-3rem)] data-[swipe-direction=left]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=left]:rounded-none data-[swipe-direction=left]:rounded-r-2xl data-[swipe-direction=left]:pb-md data-[swipe-direction=left]:pl-[4.5rem] data-[swipe-direction=left]:shadow-[8px_0_24px_var(--color-shadow)] data-[swipe-direction=left]:data-ending-style:transform-[translateX(calc(-100%+3rem-2px))] data-[swipe-direction=left]:data-starting-style:transform-[translateX(calc(-100%+3rem-2px))]',\n  )\n\nexport function DrawerPopup({ className, children, ref, ...props }: DrawerPopupProps) {\n  return (\n    <BaseDrawer.Portal>\n      <BaseDrawer.Backdrop className={backdropClassName} />\n      <BaseDrawer.Viewport className={viewportClassName}>\n        <BaseDrawer.Popup className={cn(popupClassName, className)} ref={ref} {...props}>\n          {children}\n        </BaseDrawer.Popup>\n      </BaseDrawer.Viewport>\n    </BaseDrawer.Portal>\n  )\n}\n","import { Drawer as BaseDrawer } from '@base-ui/react'\n\nimport type { DrawerProviderProps } from './drawer.types'\n\nexport function DrawerProvider({ children, ...props }: DrawerProviderProps) {\n  return (\n    <BaseDrawer.Provider {...props}>\n      <BaseDrawer.IndentBackground />\n      <BaseDrawer.Indent>{children}</BaseDrawer.Indent>\n    </BaseDrawer.Provider>\n  )\n}\n","import { Drawer as BaseDrawer } from '@base-ui/react'\n\nimport { cn } from '@/utils/cn'\n\nimport type { DrawerTitleProps } from './drawer.types'\n\nexport function DrawerTitle({ className, ref, ...props }: DrawerTitleProps) {\n  return <BaseDrawer.Title className={cn('style-text-strong-1', className)} ref={ref} {...props} />\n}\n","import { Drawer as BaseDrawer } from '@base-ui/react'\nimport { isValidElement } from 'react'\nimport type { ReactElement } from 'react'\n\nimport { cn } from '@/utils/cn'\n\nimport type { DrawerTriggerProps } from './drawer.types'\n\nexport function DrawerTrigger({ className, children, ref, ...props }: DrawerTriggerProps) {\n  let render: ReactElement | undefined = undefined\n  if (isValidElement(children)) {\n    render = children\n  }\n\n  return <BaseDrawer.Trigger className={cn('', className)} ref={ref} {...props} render={render} />\n}\n","import { Drawer as DrawerRoot } from './drawer'\nimport { DrawerClose } from './drawer-close'\nimport { DrawerContent } from './drawer-content'\nimport { DrawerDescription } from './drawer-description'\nimport { DrawerHeader } from './drawer-header'\nimport { DrawerPopup } from './drawer-popup'\nimport { DrawerProvider } from './drawer-provider'\nimport { DrawerTitle } from './drawer-title'\nimport { DrawerTrigger } from './drawer-trigger'\n\nconst Drawer = Object.assign(DrawerRoot, {\n  Close: DrawerClose,\n  Content: DrawerContent,\n  Description: DrawerDescription,\n  Header: DrawerHeader,\n  Popup: DrawerPopup,\n  Provider: DrawerProvider,\n  Title: DrawerTitle,\n  Trigger: DrawerTrigger,\n})\n\nexport type {\n  DrawerProps,\n  DrawerCloseProps,\n  DrawerContentProps,\n  DrawerDescriptionProps,\n  DrawerProviderProps,\n  DrawerTriggerProps,\n  DrawerPopupProps,\n  DrawerTitleProps,\n  DrawerHeaderProps,\n} from './drawer.types'\nexport { DrawerClose } from './drawer-close'\nexport { DrawerContent } from './drawer-content'\nexport { DrawerDescription } from './drawer-description'\nexport { DrawerProvider } from './drawer-provider'\nexport { DrawerTrigger } from './drawer-trigger'\nexport { DrawerPopup } from './drawer-popup'\nexport { DrawerTitle } from './drawer-title'\nexport { DrawerHeader } from './drawer-header'\n\nexport { Drawer }\n"],"mappings":";;;;;AAIA,SAAgBA,SAAO,EAAE,GAAG,SAAsB;CAChD,OAAO,oBAACC,SAAW,MAAZ,EAAiB,GAAI,MAAQ,CAAA;AACtC;;ACAA,SAAgB,YAAY,EAAE,WAAW,KAAK,GAAG,SAA2B;CAC1E,OAAO,oBAACC,SAAW,OAAZ;EAAkB,WAAW,GAAG,YAAY,SAAS;EAAQ;EAAK,GAAI;CAAQ,CAAA;AACvF;;ACFA,SAAgB,cAAc,EAAE,WAAW,KAAK,GAAG,SAA6B;CAC9E,OACE,oBAACC,SAAW,SAAZ;EACE,WAAW,GAAG,4CAA4C,SAAS;EAC9D;EACL,GAAI;CACL,CAAA;AAEL;;ACRA,SAAgB,kBAAkB,EAAE,WAAW,KAAK,GAAG,SAAiC;CACtF,OACE,oBAACC,SAAW,aAAZ;EACE,WAAW,GAAG,8CAA8C,SAAS;EAChE;EACL,GAAI;CACL,CAAA;AAEL;;ACVA,SAAgB,aAAa,EAAE,WAAW,KAAK,GAAG,SAA4B;CAC5E,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,0CAA0C,SAAS;EAAQ;EAAK,GAAI;CAAQ,CAAA;AAEnG;;ACFA,MAAM,oBACF;AACF,MAAA,oBAAoB,GAClB,sBAEA,4BAEA,8FAEA,kGAEA,gGACF;AACA,MAAA,iBAAiB,GAEf,6QAGA,8UAGA,0fAGA,wuBAGA,ytBACF;AAEF,SAAgB,YAAY,EAAE,WAAW,UAAU,KAAK,GAAG,SAA2B;CACpF,OACE,qBAACC,SAAW,QAAZ,EAAA,UAAA,CACE,oBAACA,SAAW,UAAZ,EAAqB,WAAW,kBAAoB,CAAA,GACpD,oBAACA,SAAW,UAAZ;EAAqB,WAAW;EAC9B,UAAA,oBAACA,SAAW,OAAZ;GAAkB,WAAW,GAAG,gBAAgB,SAAS;GAAQ;GAAK,GAAI;GACvE;EACe,CAAA;CACC,CAAA,CACJ,EAAA,CAAA;AAEvB;;AC3CA,SAAgB,eAAe,EAAE,UAAU,GAAG,SAA8B;CAC1E,OACE,qBAACC,SAAW,UAAZ;EAAqB,GAAI;EAAzB,UAAA,CACE,oBAACA,SAAW,kBAAZ,CAA8B,CAAA,GAC9B,oBAACA,SAAW,QAAZ,EAAoB,SAA4B,CAAA,CAC7B;;AAEzB;;ACLA,SAAgB,YAAY,EAAE,WAAW,KAAK,GAAG,SAA2B;CAC1E,OAAO,oBAACC,SAAW,OAAZ;EAAkB,WAAW,GAAG,uBAAuB,SAAS;EAAQ;EAAK,GAAI;CAAQ,CAAA;AAClG;;ACAA,SAAgB,cAAc,EAAE,WAAW,UAAU,KAAK,GAAG,SAA6B;CACxF,IAAI,SAAmC,KAAA;CACvC,IAAI,eAAe,QAAQ,GACzB,SAAS;CAGX,OAAO,oBAACC,SAAW,SAAZ;EAAoB,WAAW,GAAG,IAAI,SAAS;EAAQ;EAAK,GAAI;EAAe;CAAS,CAAA;AACjG;;ACLA,MAAM,SAAS,OAAO,OAAOC,UAAY;CACvC,OAAO;CACP,SAAS;CACT,aAAa;CACb,QAAQ;CACR,OAAO;CACP,UAAU;CACV,OAAO;CACP,SAAS;AACX,CAAC"}

package/dist/dropzone/index.d.ts

@@ -0,0 +1,70 @@
+import { t as Button } from "../index-bVyqfhJS.js";
+import React$1 from "react";
+type DropzoneContainerProps = React.ComponentProps<'label'> & {
+  children?: React.ReactNode;
+};
+type DropzoneErrorProps = React.ComponentProps<'p'>;
+type DropzoneFilesListProps = React.ComponentProps<'ul'>;
+type DropzoneFileSizeLimitProps = React.ComponentProps<'span'>;
+type DropzoneFormatsProps = React.ComponentProps<'span'>;
+type DropzoneHeadingProps = React.ComponentProps<'span'>;
+type DropzoneIconProps = React.ComponentProps<'div'>;
+type DropzoneInfoProps = React.ComponentProps<'div'>;
+type DropzoneSubtitleProps = React.ComponentProps<'span'>;
+type DropzoneTriggerProps = React.ComponentProps<'button'>;
+type DropzoneProps = React.ComponentProps<'input'> & {
+  children?: React.ReactNode;
+  maxFiles?: number;
+  maxFileSize?: number;
+  maxFilesErrorLabel?: (maxFiles: number) => string;
+  maxFileSizeErrorLabel?: (fileName: string, maxFileSize: string) => string;
+  fileTypeErrorLabel?: (fileName: string) => string;
+  onConfirm?: (files: File[]) => void;
+  onUpload?: (file: File, onProgress: (percent: number) => void) => void | Promise<void>;
+};
+type DropzoneFileLimitProps = React.ComponentProps<'span'>;
+type DropzoneFilesProps = React.ComponentProps<'div'>;
+type DropzoneFilesHeaderProps = React.ComponentProps<'div'>;
+type DropzoneFilesTitleProps = React.ComponentProps<'span'>;
+type DropzoneActionsProps = React.ComponentProps<'div'>;
+type DropzoneConfirmProps = React.ComponentProps<typeof Button>;
+type DropzoneClearProps = React.ComponentProps<typeof Button>;
+declare function Dropzone$1({ maxFiles, maxFileSize, maxFilesErrorLabel, maxFileSizeErrorLabel, fileTypeErrorLabel, onUpload, ref, className, children, onChange, onConfirm, ...props }: DropzoneProps): React$1.JSX.Element;
+export declare function DropzoneActions({ className, ref, ...props }: DropzoneActionsProps): import("react").JSX.Element;
+export declare function DropzoneClear({ className, ref, ...props }: DropzoneClearProps): import("react").JSX.Element;
+export declare function DropzoneConfirm({ className, ref, ...props }: DropzoneConfirmProps): import("react").JSX.Element;
+export declare function DropzoneContainer({ className, children, ...containerProps }: DropzoneContainerProps): import("react").JSX.Element;
+export declare function DropzoneError({ className, children, ref, ...props }: DropzoneErrorProps): import("react").JSX.Element | undefined;
+declare function DropzoneFileLimit({ className, children, ref, ...props }: DropzoneFileLimitProps): import("react").JSX.Element | undefined;
+export declare function DropzoneFileSizeLimit({ className, children, ref, ...props }: DropzoneFileSizeLimitProps): import("react").JSX.Element;
+export declare function DropzoneFiles({ className, ref, ...props }: DropzoneFilesProps): import("react").JSX.Element;
+export declare function DropzoneFilesHeader({ className, ref, ...props }: DropzoneFilesHeaderProps): import("react").JSX.Element;
+declare function DropzoneFilesList({ className, children, ref, ...props }: DropzoneFilesListProps): import("react").JSX.Element;
+export declare function DropzoneFilesTitle({ className, ref, ...props }: DropzoneFilesTitleProps): import("react").JSX.Element;
+export declare function DropzoneFormats({ className, children, ref, ...props }: DropzoneFormatsProps): import("react").JSX.Element;
+export declare function DropzoneHeading({ className, ref, ...props }: DropzoneHeadingProps): import("react").JSX.Element;
+export declare function DropzoneIcon({ className, ref, ...props }: DropzoneIconProps): import("react").JSX.Element;
+export declare function DropzoneInfo({ className, ref, ...props }: DropzoneInfoProps): import("react").JSX.Element;
+export declare function DropzoneSubtitle({ className, ref, ...props }: DropzoneSubtitleProps): import("react").JSX.Element;
+export declare function DropzoneTrigger({ className, ref, ...props }: DropzoneTriggerProps): import("react").JSX.Element;
+declare const Dropzone: typeof Dropzone$1 & {
+  Actions: typeof DropzoneActions;
+  Clear: typeof DropzoneClear;
+  Confirm: typeof DropzoneConfirm;
+  Container: typeof DropzoneContainer;
+  Error: typeof DropzoneError;
+  FileLimit: typeof DropzoneFileLimit;
+  FileSizeLimit: typeof DropzoneFileSizeLimit;
+  Files: typeof DropzoneFiles;
+  FilesHeader: typeof DropzoneFilesHeader;
+  FilesList: typeof DropzoneFilesList;
+  FilesTitle: typeof DropzoneFilesTitle;
+  Formats: typeof DropzoneFormats;
+  Heading: typeof DropzoneHeading;
+  Icon: typeof DropzoneIcon;
+  Info: typeof DropzoneInfo;
+  Subtitle: typeof DropzoneSubtitle;
+  Trigger: typeof DropzoneTrigger;
+};
+export { Dropzone, type DropzoneActionsProps, type DropzoneClearProps, type DropzoneConfirmProps, type DropzoneContainerProps, type DropzoneErrorProps, type DropzoneFileLimitProps, DropzoneFilesList as DropzoneFileList, type DropzoneFileSizeLimitProps, type DropzoneFilesHeaderProps, type DropzoneFilesListProps, type DropzoneFilesProps, type DropzoneFilesTitleProps, type DropzoneFormatsProps, type DropzoneHeadingProps, type DropzoneIconProps, type DropzoneInfoProps, type DropzoneProps, type DropzoneSubtitleProps, type DropzoneTriggerProps };
+//# sourceMappingURL=index.d.ts.map