ixia-ui-react 1.8.0 → 2.1.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":"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"}

package/dist/copy-button/index.d.ts

@@ -0,0 +1,2 @@
+import { n as CopyButtonProps, t as CopyButton } from "../index-DVMheqs_.js";
+export { CopyButton, type CopyButtonProps };

package/dist/copy-button/index.js

@@ -0,0 +1 @@
+export { t as CopyButton } from "../copy-button-BAG-P44v.js";

package/dist/copy-button-BAG-P44v.js

@@ -0,0 +1,28 @@
+import { t as cn } from "./cn-BDi0DfT5.js";
+import { t as Button } from "./button-DXQvyQyj.js";
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+// src/components/copy-button/copy-button.tsx
+const COPY_TIMEOUT = 2e3;
+function CopyButton({ content, className, children, ref, timeout = COPY_TIMEOUT, ...props }) {
+	const [copied, setCopied] = useState(false), [hasCopied, setHasCopied] = useState(false), handleClick = async () => {
+		try {
+			await navigator.clipboard.writeText(content);
+			setHasCopied(true);
+			setCopied(true);
+			setTimeout(() => setCopied(false), timeout);
+		} catch (error) {
+			console.error("Failed to copy text:", error);
+		}
+	};
+	return /* @__PURE__ */ jsx(Button, {
+		className: cn(hasCopied && "[&>svg]:animate-in [&>svg]:zoom-in", className),
+		ref,
+		onClick: handleClick,
+		...props,
+		children: children(copied)
+	});
+}
+export { CopyButton as t };
+
+//# sourceMappingURL=copy-button-BAG-P44v.js.map

package/dist/copy-button-BAG-P44v.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button-BAG-P44v.js","names":[],"sources":["../src/components/copy-button/copy-button.tsx"],"sourcesContent":["import { useState } from 'react'\n\nimport { cn } from '@/utils'\n\nimport { Button } from '../button'\nimport type { CopyButtonProps } from './copy-button.types'\n\nconst COPY_TIMEOUT = 2000\n\nexport function CopyButton({\n  content,\n  className,\n  children,\n  ref,\n  timeout = COPY_TIMEOUT,\n  ...props\n}: CopyButtonProps) {\n  const [copied, setCopied] = useState(false),\n    [hasCopied, setHasCopied] = useState(false),\n    handleClick = async () => {\n      try {\n        await navigator.clipboard.writeText(content)\n        setHasCopied(true)\n        setCopied(true)\n        setTimeout(() => setCopied(false), timeout)\n      } catch (error) {\n        console.error('Failed to copy text:', error)\n      }\n    }\n  return (\n    <Button\n      className={cn(hasCopied && '[&>svg]:animate-in [&>svg]:zoom-in', className)}\n      ref={ref}\n      onClick={handleClick}\n      {...props}\n    >\n      {children(copied)}\n    </Button>\n  )\n}\n"],"mappings":";;;;;AAOA,MAAM,eAAe;AAErB,SAAgB,WAAW,EACzB,SACA,WACA,UACA,KACA,UAAU,cACV,GAAG,SACe;CAClB,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK,GACxC,CAAC,WAAW,gBAAgB,SAAS,KAAK,GAC1C,cAAc,YAAY;EACxB,IAAI;GACF,MAAM,UAAU,UAAU,UAAU,OAAO;GAC3C,aAAa,IAAI;GACjB,UAAU,IAAI;GACd,iBAAiB,UAAU,KAAK,GAAG,OAAO;EAC5C,SAAS,OAAO;GACd,QAAQ,MAAM,wBAAwB,KAAK;EAC7C;CACF;CACF,OACE,oBAAC,QAAD;EACE,WAAW,GAAG,aAAa,sCAAsC,SAAS;EACrE;EACL,SAAS;EACT,GAAI;EAEH,UAAA,SAAS,MAAM;CACV,CAAA;AAEZ"}

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-DXQvyQyj.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"}