@gunkin/uiify 0.0.1-alpha

package/dist/components/context-menu/ContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/context-menu/ContextMenu.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport type {\n  ElementType,\n  FocusEvent,\n  KeyboardEvent,\n  MouseEvent,\n  PointerEvent,\n  ReactElement,\n  SyntheticEvent,\n} from \"react\";\nimport { useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport { createPartContext, splitRef } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { RovingFocusItem, RovingFocusRoot } from \"@gunkin/uiify/core/roving-focus\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { createMenuSelectEvent } from \"../internal/menu/menu-utils.js\";\nimport { focusMenuItem } from \"../internal/menu/focus-menu-item.js\";\nimport { MenuLabel, MenuSeparator } from \"../internal/menu/menu-parts.js\";\nimport { useMenuSurface } from \"../internal/menu/use-menu-surface.js\";\nimport type { MenuSelectEvent } from \"../internal/menu/types.js\";\nimport type {\n  ContextMenuContextValue,\n  ContextMenuRootProps,\n  ContextMenuTriggerProps,\n  ContextMenuContentProps,\n  ContextMenuItemProps,\n  ContextMenuCheckboxItemOwnProps,\n  ContextMenuRadioItemOwnProps,\n  ContextMenuSubOwnProps,\n  ContextMenuSubTriggerOwnProps,\n  ContextMenuSubContentOwnProps,\n} from \"./types.js\";\n\nexport type { MenuSelectEvent };\n\nconst [ContextMenuProvider, useContextMenuContext] =\n  createPartContext<ContextMenuContextValue>(\"ContextMenu\");\n\nexport function ContextMenuRoot(props: ContextMenuRootProps): ReactElement | null {\n  const { children, defaultOpen, onOpenChange, open } = props;\n  const virtualAnchorRef = useRef<HTMLSpanElement | null>(null);\n  const [radioValue, setRadioValue] = useState<string | undefined>();\n  const surface = useMenuSurface({\n    align: \"start\",\n    mode: \"manual\",\n    side: \"bottom\",\n    ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n    ...(open !== undefined ? { open } : {}),\n    ...(onOpenChange ? { onOpenChange } : {}),\n  });\n  const { contentRef, openPopover, setTriggerElement } = surface;\n\n  const openAtPointer = useCallback(\n    (event: MouseEvent<HTMLElement>) => {\n      event.preventDefault();\n      virtualAnchorRef.current?.style.setProperty(\"--uiify-context-menu-x\", `${event.clientX}px`);\n      virtualAnchorRef.current?.style.setProperty(\"--uiify-context-menu-y\", `${event.clientY}px`);\n      setTriggerElement(event.currentTarget);\n      openPopover();\n      queueMicrotask(() => focusMenuItem(contentRef.current));\n    },\n    [contentRef, openPopover, setTriggerElement],\n  );\n\n  const contextValue = useMemo<ContextMenuContextValue>(\n    () => ({ ...surface, openAtPointer, radioValue, setRadioValue }),\n    [surface, openAtPointer, radioValue],\n  );\n\n  return (\n    <ContextMenuProvider value={contextValue}>\n      <span\n        aria-hidden\n        ref={(element) => {\n          virtualAnchorRef.current = element;\n        }}\n        data-virtual-anchor=\"\"\n        {...surface.anchorProps}\n        style={\n          {\n            position: \"fixed\",\n            left: \"var(--uiify-context-menu-x, 0px)\",\n            top: \"var(--uiify-context-menu-y, 0px)\",\n            width: 0,\n            height: 0,\n            pointerEvents: \"none\",\n          } as React.CSSProperties\n        }\n      />\n      {children}\n    </ContextMenuProvider>\n  );\n}\nContextMenuRoot.displayName = \"ContextMenuRoot\";\n\nexport function ContextMenuTrigger<TAs extends ElementType = \"div\">(\n  props: ContextMenuTriggerProps<TAs>,\n): ReactElement | null {\n  const { as, render, className, ...consumerProps } = props as ContextMenuTriggerProps<\"div\">;\n  const { open, openAtPointer, setTriggerElement } = useContextMenuContext(\"Trigger\");\n  const [consumerRef, withoutRef] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n  const mergedRef = useMergedRefs(setTriggerElement, consumerRef);\n  const { onContextMenu: consumerOnContextMenu } = withoutRef as {\n    onContextMenu?: (event: MouseEvent<HTMLElement>) => void;\n  };\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...withoutRef,\n      ref: mergedRef,\n      ...(className ? { className } : {}),\n      onContextMenu: composeEventHandlers(consumerOnContextMenu, openAtPointer),\n    },\n    render,\n    state: { open },\n  });\n}\n\nexport function ContextMenuContent<TAs extends ElementType = \"div\">(\n  props: ContextMenuContentProps<TAs>,\n): ReactElement | null {\n  const { as, className, children, render, ...consumerProps } =\n    props as ContextMenuContentProps<\"div\">;\n  const { close, contentRef, focusTrigger, open, popupProps, popupRef, positionerProps } =\n    useContextMenuContext(\"Content\");\n  const [consumerRef, withoutRef] = splitRef<HTMLElement, typeof consumerProps>(consumerProps);\n  const mergedRef = useMergedRefs(popupRef, contentRef, consumerRef);\n  const { onKeyDown: consumerOnKeyDown } = withoutRef as {\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    if (event.key === \"Escape\") {\n      event.preventDefault();\n      close();\n      focusTrigger();\n    }\n  };\n\n  const contentProps = {\n    ...withoutRef,\n    ...popupProps,\n    ...positionerProps,\n    ref: mergedRef,\n    role: \"menu\",\n    \"data-state\": open ? \"open\" : \"closed\",\n    ...(className ? { className } : {}),\n    onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n    children,\n  };\n\n  if (render) {\n    return (\n      <RovingFocusRoot\n        orientation=\"vertical\"\n        render={(renderProps) => render(renderProps, { open })}\n        {...contentProps}\n      />\n    );\n  }\n\n  return <RovingFocusRoot as={as ?? \"div\"} orientation=\"vertical\" {...contentProps} />;\n}\nContextMenuContent.displayName = \"ContextMenuContent\";\n\nexport function ContextMenuItem<TAs extends ElementType = \"div\">(\n  props: ContextMenuItemProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    children,\n    className,\n    disabled = false,\n    onSelect,\n    textValue,\n    ...consumerProps\n  } = props as ContextMenuItemProps<\"div\">;\n  const { close, focusTrigger } = useContextMenuContext(\"Item\");\n  const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps as {\n    onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  };\n\n  const handleSelect = (event: SyntheticEvent<HTMLElement>) => {\n    if (disabled) return;\n    const selectEvent = createMenuSelectEvent();\n    onSelect?.(selectEvent);\n    if (!selectEvent.defaultPrevented) {\n      close();\n      focusTrigger();\n    }\n    event.preventDefault();\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    if (event.key === \"Enter\" || event.key === \" \") handleSelect(event);\n  };\n\n  const itemProps = {\n    ...consumerProps,\n    role: \"menuitem\",\n    ...(className ? { className } : {}),\n    onClick: composeEventHandlers(consumerOnClick, handleSelect),\n    onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n    children,\n  };\n\n  if (render) {\n    return (\n      <RovingFocusItem\n        disabled={disabled}\n        render={render}\n        {...(textValue !== undefined ? { textValue } : {})}\n        {...(itemProps as object)}\n      />\n    );\n  }\n\n  return (\n    <RovingFocusItem\n      as={as ?? \"div\"}\n      disabled={disabled}\n      {...(textValue !== undefined ? { textValue } : {})}\n      {...(itemProps as object)}\n    />\n  );\n}\nContextMenuItem.displayName = \"ContextMenuItem\";\n\n/**\n * Shared \"activate this menu item\" logic for CheckboxItem and RadioItem: run\n * the item-specific action, close the menu, and return focus to the trigger,\n * unless disabled. Not promoted to internal/menu — it has no second consumer\n * yet, so it remains local to this component.\n */\nfunction useItemActivation(\n  disabled: boolean,\n  action: () => void,\n  close: () => void,\n  focusTrigger: () => void,\n): {\n  readonly handleKeyDown: (event: KeyboardEvent<HTMLElement>) => void;\n  readonly handleSelect: (event: SyntheticEvent<HTMLElement>) => void;\n} {\n  const handleSelect = (event: SyntheticEvent<HTMLElement>) => {\n    if (disabled) return;\n    action();\n    close();\n    focusTrigger();\n    event.preventDefault();\n  };\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    if (event.key === \"Enter\" || event.key === \" \") handleSelect(event);\n  };\n  return { handleKeyDown, handleSelect };\n}\n\nexport function ContextMenuCheckboxItem(\n  props: ContextMenuCheckboxItemOwnProps,\n): ReactElement | null {\n  const {\n    checked = false,\n    children,\n    className,\n    disabled = false,\n    onCheckedChange,\n    textValue,\n    ...consumerProps\n  } = props;\n  const { close, focusTrigger } = useContextMenuContext(\"CheckboxItem\");\n  const isChecked = checked === true;\n  const isIndeterminate = checked === \"indeterminate\";\n  const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps as {\n    onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  };\n  const { handleKeyDown, handleSelect } = useItemActivation(\n    disabled,\n    () => onCheckedChange?.(!isChecked),\n    close,\n    focusTrigger,\n  );\n\n  return (\n    <RovingFocusItem\n      disabled={disabled}\n      {...(textValue !== undefined ? { textValue } : {})}\n      {...{\n        ...consumerProps,\n        role: \"menuitemcheckbox\",\n        \"aria-checked\": (isIndeterminate ? \"mixed\" : isChecked) as boolean | \"mixed\",\n        \"data-state\": isIndeterminate ? \"indeterminate\" : isChecked ? \"checked\" : \"unchecked\",\n        ...(className ? { className } : {}),\n        onClick: composeEventHandlers(consumerOnClick, handleSelect),\n        onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n        children,\n      }}\n    />\n  );\n}\nContextMenuCheckboxItem.displayName = \"ContextMenuCheckboxItem\";\n\nexport function ContextMenuRadioItem(props: ContextMenuRadioItemOwnProps): ReactElement | null {\n  const { children, className, disabled = false, textValue, value, ...consumerProps } = props;\n  const { close, focusTrigger, radioValue, setRadioValue } = useContextMenuContext(\"RadioItem\");\n  const checked = radioValue === value;\n  const { onClick: consumerOnClick, onKeyDown: consumerOnKeyDown } = consumerProps as {\n    onClick?: (event: SyntheticEvent<HTMLElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  };\n  const { handleKeyDown, handleSelect } = useItemActivation(\n    disabled,\n    () => setRadioValue(value),\n    close,\n    focusTrigger,\n  );\n\n  return (\n    <RovingFocusItem\n      disabled={disabled}\n      {...(textValue !== undefined ? { textValue } : {})}\n      {...{\n        ...consumerProps,\n        role: \"menuitemradio\",\n        \"aria-checked\": checked,\n        \"data-state\": checked ? \"checked\" : \"unchecked\",\n        ...(className ? { className } : {}),\n        onClick: composeEventHandlers(consumerOnClick, handleSelect),\n        onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n        children,\n      }}\n    />\n  );\n}\nContextMenuRadioItem.displayName = \"ContextMenuRadioItem\";\n\ninterface ContextMenuSubValue {\n  readonly open: boolean;\n  readonly setOpen: (open: boolean) => void;\n}\n\nconst [ContextMenuSubProvider, useContextMenuSubContext] = createPartContext<ContextMenuSubValue>(\n  \"ContextMenu\",\n  \"Sub\",\n);\n\nexport function ContextMenuSub(props: ContextMenuSubOwnProps): ReactElement | null {\n  const { children } = props;\n  const [open, setOpen] = useState(false);\n  const value = useMemo(() => ({ open, setOpen }), [open]);\n  return <ContextMenuSubProvider value={value}>{children}</ContextMenuSubProvider>;\n}\nContextMenuSub.displayName = \"ContextMenuSub\";\n\nexport function ContextMenuSubTrigger(props: ContextMenuSubTriggerOwnProps): ReactElement | null {\n  const { children, className, disabled = false, textValue, ...consumerProps } = props;\n  const sub = useContextMenuSubContext(\"SubTrigger\");\n  const {\n    onFocus: consumerOnFocus,\n    onKeyDown: consumerOnKeyDown,\n    onPointerEnter: consumerOnPointerEnter,\n  } = consumerProps as {\n    onFocus?: (event: FocusEvent<HTMLElement>) => void;\n    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n    onPointerEnter?: (event: PointerEvent<HTMLElement>) => void;\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    if (event.key === \"ArrowRight\") {\n      event.preventDefault();\n      sub.setOpen(true);\n    }\n  };\n\n  return (\n    <RovingFocusItem\n      disabled={disabled}\n      {...(textValue !== undefined ? { textValue } : {})}\n      {...{\n        ...consumerProps,\n        role: \"menuitem\",\n        \"aria-haspopup\": \"menu\" as const,\n        \"aria-expanded\": sub.open,\n        ...(className ? { className } : {}),\n        onPointerEnter: composeEventHandlers(consumerOnPointerEnter, () => sub.setOpen(true)),\n        onFocus: composeEventHandlers(consumerOnFocus, () => sub.setOpen(true)),\n        onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),\n        children,\n      }}\n    />\n  );\n}\nContextMenuSubTrigger.displayName = \"ContextMenuSubTrigger\";\n\nexport function ContextMenuSubContent(props: ContextMenuSubContentOwnProps): ReactElement | null {\n  const { children, className } = props;\n  const sub = useContextMenuSubContext(\"SubContent\");\n\n  const element = useRenderElement({\n    defaultTag: \"div\",\n    props: {\n      role: \"menu\",\n      \"data-state\": sub.open ? \"open\" : \"closed\",\n      hidden: !sub.open ? true : undefined,\n      ...(className ? { className } : {}),\n      children: sub.open ? children : null,\n    },\n    state: { open: sub.open },\n  });\n\n  if (!sub.open) return null;\n  return element;\n}\n\nexport const ContextMenuLabel = MenuLabel;\n\nexport const ContextMenuSeparator = MenuSeparator;\n\nexport const ContextMenu = {\n  CheckboxItem: ContextMenuCheckboxItem,\n  Content: ContextMenuContent,\n  Item: ContextMenuItem,\n  Label: ContextMenuLabel,\n  RadioItem: ContextMenuRadioItem,\n  Root: ContextMenuRoot,\n  Separator: ContextMenuSeparator,\n  Sub: Object.assign(ContextMenuSub, {\n    Content: ContextMenuSubContent,\n    Trigger: ContextMenuSubTrigger,\n  }),\n  Trigger: ContextMenuTrigger,\n};\n"],"mappings":"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","names":[]}

package/dist/components/context-menu/index.d.ts

@@ -0,0 +1,3 @@
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuRadioItem, ContextMenuRoot, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, } from "./ContextMenu.js";
+export type { ContextMenuCheckboxItemOwnProps, ContextMenuContentOwnProps, ContextMenuContentProps, ContextMenuItemOwnProps, ContextMenuItemProps, ContextMenuRadioItemOwnProps, ContextMenuRootControlledOwnProps, ContextMenuRootShellOwnProps, ContextMenuRootShellProps, ContextMenuRootProps, ContextMenuSubContentOwnProps, ContextMenuSubOwnProps, ContextMenuSubTriggerOwnProps, ContextMenuTriggerOwnProps, ContextMenuTriggerProps, ContextMenuLabelOwnProps, ContextMenuSeparatorOwnProps, } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/context-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/context-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,uBAAuB,EACvB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,oBAAoB,EACpB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,+BAA+B,EAC/B,0BAA0B,EAC1B,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,4BAA4B,EAC5B,iCAAiC,EACjC,4BAA4B,EAC5B,yBAAyB,EACzB,oBAAoB,EACpB,6BAA6B,EAC7B,sBAAsB,EACtB,6BAA6B,EAC7B,0BAA0B,EAC1B,uBAAuB,EACvB,wBAAwB,EACxB,4BAA4B,GAC7B,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,29 @@
+import {
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuRadioItem,
+  ContextMenuRoot,
+  ContextMenuSeparator,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger
+} from "./ContextMenu.js";
+export {
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuRadioItem,
+  ContextMenuRoot,
+  ContextMenuSeparator,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/context-menu/index.ts"],"sourcesContent":["export {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuLabel,\n  ContextMenuRadioItem,\n  ContextMenuRoot,\n  ContextMenuSeparator,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n} from \"./ContextMenu.js\";\nexport type {\n  ContextMenuCheckboxItemOwnProps,\n  ContextMenuContentOwnProps,\n  ContextMenuContentProps,\n  ContextMenuItemOwnProps,\n  ContextMenuItemProps,\n  ContextMenuRadioItemOwnProps,\n  ContextMenuRootControlledOwnProps,\n  ContextMenuRootShellOwnProps,\n  ContextMenuRootShellProps,\n  ContextMenuRootProps,\n  ContextMenuSubContentOwnProps,\n  ContextMenuSubOwnProps,\n  ContextMenuSubTriggerOwnProps,\n  ContextMenuTriggerOwnProps,\n  ContextMenuTriggerProps,\n  ContextMenuLabelOwnProps,\n  ContextMenuSeparatorOwnProps,\n} from \"./types.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/components/context-menu/types.d.ts

@@ -0,0 +1,80 @@
+import type { ElementType, MouseEvent, ReactNode } from "react";
+import type { PopoverChangeHandler } from "@gunkin/uiify/core/popover";
+import type { RenderableProps } from "@gunkin/uiify/core/render";
+import type { DropdownMenuLabelOwnProps, DropdownMenuSeparatorOwnProps } from "../dropdown-menu/types.js";
+import type { MenuSelectEvent, UseMenuSurfaceReturn } from "../internal/menu/types.js";
+export type ContextMenuLabelOwnProps = DropdownMenuLabelOwnProps;
+export type ContextMenuSeparatorOwnProps = DropdownMenuSeparatorOwnProps;
+export interface ContextMenuContextValue extends UseMenuSurfaceReturn {
+    /** Opens at the pointer's coordinates: positions the virtual anchor, then opens. */
+    readonly openAtPointer: (event: MouseEvent<HTMLElement>) => void;
+    readonly radioValue: string | undefined;
+    readonly setRadioValue: (value: string) => void;
+}
+export interface ContextMenuRootShellOwnProps {
+    readonly defaultOpen?: boolean;
+    readonly id?: string;
+}
+export interface ContextMenuRootControlledOwnProps {
+    readonly onOpenChange?: PopoverChangeHandler;
+    readonly open?: boolean;
+}
+export interface ContextMenuRootShellProps extends ContextMenuRootShellOwnProps {
+    readonly children?: ReactNode;
+}
+export interface ContextMenuRootProps extends ContextMenuRootShellOwnProps, ContextMenuRootControlledOwnProps {
+    readonly children?: ReactNode;
+}
+export interface ContextMenuTriggerOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+}
+export type ContextMenuTriggerProps<TAs extends ElementType = "div"> = RenderableProps<TAs, ContextMenuTriggerOwnProps, {
+    open: boolean;
+}, HTMLElement>;
+export interface ContextMenuContentOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+}
+export type ContextMenuContentProps<TAs extends ElementType = "div"> = RenderableProps<TAs, ContextMenuContentOwnProps, {
+    open: boolean;
+}, HTMLElement>;
+export interface ContextMenuItemOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+    readonly disabled?: boolean;
+    readonly onSelect?: (event: MenuSelectEvent) => void;
+    readonly textValue?: string;
+}
+export type ContextMenuItemProps<TAs extends ElementType = "div"> = RenderableProps<TAs, ContextMenuItemOwnProps, {
+    disabled: boolean;
+}, HTMLElement>;
+export interface ContextMenuCheckboxItemOwnProps {
+    readonly checked?: boolean | "indeterminate";
+    readonly children?: ReactNode;
+    readonly className?: string;
+    readonly disabled?: boolean;
+    readonly onCheckedChange?: (checked: boolean) => void;
+    readonly textValue?: string;
+}
+export interface ContextMenuRadioItemOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+    readonly disabled?: boolean;
+    readonly textValue?: string;
+    readonly value: string;
+}
+export interface ContextMenuSubOwnProps {
+    readonly children?: ReactNode;
+}
+export interface ContextMenuSubTriggerOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+    readonly disabled?: boolean;
+    readonly textValue?: string;
+}
+export interface ContextMenuSubContentOwnProps {
+    readonly children?: ReactNode;
+    readonly className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/context-menu/types.d.ts.map

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

package/dist/components/context-menu/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/components/context-menu/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/context-menu.d.ts

@@ -0,0 +1 @@
+export * from "./context-menu/index.js";

package/dist/components/context-menu.js

@@ -0,0 +1 @@
+export * from "./context-menu/index.js";

package/dist/components/drawer/Drawer.d.ts

@@ -0,0 +1,22 @@
+import type { ReactElement } from "react";
+import type { DrawerRootProps, DrawerTriggerProps, DrawerContentProps, DrawerTitleOwnProps, DrawerDescriptionOwnProps, DrawerCloseProps, DrawerHandleOwnProps } from "./client-types.js";
+export declare function DrawerRoot(props: DrawerRootProps): ReactElement | null;
+export declare namespace DrawerRoot {
+    var displayName: string;
+}
+export declare function DrawerTrigger(props: DrawerTriggerProps): ReactElement | null;
+export declare function DrawerContent(props: DrawerContentProps): ReactElement | null;
+export declare function DrawerTitle(props: DrawerTitleOwnProps): ReactElement | null;
+export declare function DrawerDescription(props: DrawerDescriptionOwnProps): ReactElement | null;
+export declare function DrawerClose(props: DrawerCloseProps): ReactElement | null;
+export declare function DrawerHandle(props: DrawerHandleOwnProps): ReactElement | null;
+export declare const Drawer: {
+    Close: typeof DrawerClose;
+    Content: typeof DrawerContent;
+    Description: typeof DrawerDescription;
+    Handle: typeof DrawerHandle;
+    Root: typeof DrawerRoot;
+    Title: typeof DrawerTitle;
+    Trigger: typeof DrawerTrigger;
+};
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/components/drawer/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAgB,YAAY,EAAkB,MAAM,OAAO,CAAC;AAaxE,OAAO,KAAK,EAGV,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,yBAAyB,EACzB,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAI3B,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CAyFtE;yBAzFe,UAAU;;;AA4F1B,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CAoB5E;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CA0E5E;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,GAAG,IAAI,CAmB3E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,yBAAyB,GAAG,YAAY,GAAG,IAAI,CAmBvF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAiBxE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,GAAG,IAAI,CAoD7E;AAED,eAAO,MAAM,MAAM;;;;;;;;CAQlB,CAAC"}

package/dist/components/drawer/Drawer.js

@@ -0,0 +1,311 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useMemo, useRef, useState, useSyncExternalStore } from "react";
+import {
+  useId,
+  useIsomorphicLayoutEffect,
+  useLockBodyScroll,
+  useMergedRefs,
+  useResizeObserver
+} from "@gunkin/uiify/hooks";
+import { createPartContext } from "@gunkin/uiify/core";
+import { composeEventHandlers } from "@gunkin/uiify/core/compose-event-handlers";
+import { useRenderElement } from "@gunkin/uiify/core/render";
+import { useDialog } from "@gunkin/uiify/core/dialog";
+import { createDrawerStore } from "./drawer-store.js";
+const [DrawerProvider, useDrawerContext] = createPartContext("Drawer");
+function DrawerRoot(props) {
+  const {
+    activeSnapPoint,
+    children,
+    defaultActiveSnapPoint,
+    defaultOpen,
+    dismissible = true,
+    modal = true,
+    onOpenChange,
+    onSnapChange,
+    open,
+    side = "bottom",
+    snapPoints
+  } = props;
+  const contentId = useId();
+  const dialog = useDialog({
+    modal,
+    ...defaultOpen !== void 0 ? { defaultOpen } : {},
+    ...open !== void 0 ? { open } : {},
+    ...onOpenChange ? { onOpenChange } : {}
+  });
+  const [labelId, setLabelId] = useState();
+  const [descriptionId, setDescriptionId] = useState();
+  const triggerRef = useRef(null);
+  const wasOpenRef = useRef(dialog.open);
+  const storeRef = useRef(null);
+  storeRef.current ??= createDrawerStore({
+    side,
+    dismissible,
+    onDismiss: () => dialog.close(),
+    ...snapPoints ? { snapPoints } : {},
+    ...activeSnapPoint !== void 0 ? { activeSnapPoint } : {},
+    ...defaultActiveSnapPoint !== void 0 ? { defaultActiveSnapPoint } : {},
+    ...onSnapChange ? { onSnapChange } : {}
+  });
+  const store = storeRef.current;
+  useLockBodyScroll(modal && dialog.open);
+  useIsomorphicLayoutEffect(() => {
+    if (activeSnapPoint !== void 0) store.syncActiveSnapPoint(activeSnapPoint);
+  }, [activeSnapPoint, store]);
+  useIsomorphicLayoutEffect(() => {
+    if (wasOpenRef.current && !dialog.open) {
+      queueMicrotask(() => triggerRef.current?.focus({ preventScroll: true }));
+    }
+    wasOpenRef.current = dialog.open;
+  }, [dialog.open]);
+  const snapEnabled = Boolean(snapPoints && snapPoints.length > 0);
+  const contextValue = useMemo(
+    () => ({
+      close: dialog.close,
+      contentId,
+      descriptionId,
+      dialogProps: dialog.dialogProps,
+      dialogRef: dialog.dialogRef,
+      dismissible,
+      labelId,
+      modal,
+      open: dialog.open,
+      openDialog: dialog.openDialog,
+      setDescriptionId,
+      setLabelId,
+      side,
+      snapEnabled,
+      store,
+      triggerRef
+    }),
+    [
+      contentId,
+      descriptionId,
+      dialog.close,
+      dialog.dialogProps,
+      dialog.dialogRef,
+      dialog.open,
+      dialog.openDialog,
+      dismissible,
+      labelId,
+      modal,
+      side,
+      snapEnabled,
+      store
+    ]
+  );
+  return /* @__PURE__ */ jsx(DrawerProvider, { value: contextValue, children });
+}
+DrawerRoot.displayName = "DrawerRoot";
+function DrawerTrigger(props) {
+  const { children, className, ref, ...consumerProps } = props;
+  const { contentId, open, openDialog, triggerRef } = useDrawerContext("Trigger");
+  const mergedRef = useMergedRefs(triggerRef, ref);
+  return useRenderElement({
+    defaultTag: "button",
+    props: {
+      ...consumerProps,
+      ref: mergedRef,
+      type: "button",
+      "aria-controls": contentId,
+      "aria-expanded": open,
+      "aria-haspopup": "dialog",
+      onClick: composeEventHandlers(consumerProps.onClick, openDialog),
+      ...className ? { className } : {},
+      children
+    },
+    state: {}
+  });
+}
+function DrawerContent(props) {
+  const { children, className, ref, style: consumerStyle, ...consumerProps } = props;
+  const {
+    contentId,
+    descriptionId,
+    dialogProps,
+    dialogRef,
+    labelId,
+    modal,
+    open,
+    side,
+    snapEnabled,
+    store
+  } = useDrawerContext("Content");
+  const containerRef = useRef(null);
+  const mergedRef = useMergedRefs(dialogRef, containerRef, ref);
+  const size = useResizeObserver(containerRef);
+  const transform = useSyncExternalStore(
+    (listener) => store.subscribe(listener),
+    () => store.getTransform(),
+    () => ""
+  );
+  const activeSnap = useSyncExternalStore(
+    (listener) => store.subscribe(listener),
+    () => store.getActiveSnapPoint(),
+    () => 1
+  );
+  useIsomorphicLayoutEffect(() => {
+    if (!size) return;
+    const vertical = side === "top" || side === "bottom";
+    store.setContainerSize(vertical ? size.height : size.width);
+  }, [side, size, store]);
+  const styleVars = snapEnabled && transform ? {
+    "--uiify-drawer-transform": transform,
+    "--uiify-drawer-snap": String(activeSnap)
+  } : void 0;
+  const content = useRenderElement({
+    defaultTag: "dialog",
+    props: {
+      ...consumerProps,
+      ref: mergedRef,
+      id: contentId,
+      "aria-describedby": descriptionId,
+      "aria-labelledby": labelId,
+      "aria-modal": modal ? true : void 0,
+      "data-side": side,
+      "data-state": open ? "open" : "closed",
+      "data-snap-enabled": snapEnabled ? "" : void 0,
+      ...className ? { className } : {},
+      ...consumerStyle || styleVars ? { style: { ...consumerStyle, ...styleVars } } : {},
+      onCancel: composeEventHandlers(
+        consumerProps.onCancel,
+        (event) => {
+          dialogProps.onCancel?.(event);
+        }
+      ),
+      onClose: composeEventHandlers(
+        consumerProps.onClose,
+        (event) => {
+          dialogProps.onClose?.(event);
+        }
+      ),
+      children
+    },
+    state: { open, side }
+  });
+  return content;
+}
+function DrawerTitle(props) {
+  const { children, className } = props;
+  const id = useId();
+  const { setLabelId } = useDrawerContext("Title");
+  useIsomorphicLayoutEffect(() => {
+    setLabelId(id);
+    return () => setLabelId(void 0);
+  }, [id, setLabelId]);
+  return useRenderElement({
+    defaultTag: "h2",
+    props: {
+      id,
+      ...className ? { className } : {},
+      children
+    },
+    state: {}
+  });
+}
+function DrawerDescription(props) {
+  const { children, className } = props;
+  const id = useId();
+  const { setDescriptionId } = useDrawerContext("Description");
+  useIsomorphicLayoutEffect(() => {
+    setDescriptionId(id);
+    return () => setDescriptionId(void 0);
+  }, [id, setDescriptionId]);
+  return useRenderElement({
+    defaultTag: "p",
+    props: {
+      id,
+      ...className ? { className } : {},
+      children
+    },
+    state: {}
+  });
+}
+function DrawerClose(props) {
+  const { children, className, ...consumerProps } = props;
+  const { close } = useDrawerContext("Close");
+  return useRenderElement({
+    defaultTag: "button",
+    props: {
+      ...consumerProps,
+      type: "button",
+      onClick: composeEventHandlers(consumerProps.onClick, () => {
+        close();
+      }),
+      ...className ? { className } : {},
+      children
+    },
+    state: {}
+  });
+}
+function DrawerHandle(props) {
+  const { className, onPointerCancel, onPointerDown, onPointerMove, onPointerUp } = props;
+  const { side, snapEnabled, store } = useDrawerContext("Handle");
+  const dragging = useSyncExternalStore(
+    (listener) => store.subscribe(listener),
+    () => store.isDragging(),
+    () => false
+  );
+  const axis = side === "top" || side === "bottom" ? "clientY" : "clientX";
+  return useRenderElement({
+    defaultTag: "div",
+    props: snapEnabled ? {
+      "aria-hidden": true,
+      "data-dragging": dragging ? "" : void 0,
+      "data-side": side,
+      ...className ? { className } : {},
+      onPointerDown: composeEventHandlers(
+        onPointerDown,
+        (event) => {
+          event.currentTarget.setPointerCapture(event.pointerId);
+          store.startDrag(event[axis]);
+        }
+      ),
+      onPointerMove: composeEventHandlers(
+        onPointerMove,
+        (event) => {
+          if (!store.isDragging()) return;
+          store.moveDrag(event[axis]);
+        }
+      ),
+      onPointerUp: composeEventHandlers(onPointerUp, (event) => {
+        if (event.currentTarget.hasPointerCapture(event.pointerId)) {
+          event.currentTarget.releasePointerCapture(event.pointerId);
+        }
+        store.endDrag();
+      }),
+      onPointerCancel: composeEventHandlers(
+        onPointerCancel,
+        (event) => {
+          if (event.currentTarget.hasPointerCapture(event.pointerId)) {
+            event.currentTarget.releasePointerCapture(event.pointerId);
+          }
+          store.endDrag();
+        }
+      )
+    } : { "aria-hidden": true, hidden: true },
+    state: { dragging }
+  });
+}
+const Drawer = {
+  Close: DrawerClose,
+  Content: DrawerContent,
+  Description: DrawerDescription,
+  Handle: DrawerHandle,
+  Root: DrawerRoot,
+  Title: DrawerTitle,
+  Trigger: DrawerTrigger
+};
+export {
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerHandle,
+  DrawerRoot,
+  DrawerTitle,
+  DrawerTrigger
+};
+//# sourceMappingURL=Drawer.js.map

package/dist/components/drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drawer/Drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo, useRef, useState, useSyncExternalStore } from \"react\";\nimport type { PointerEvent, ReactElement, SyntheticEvent } from \"react\";\nimport {\n  useId,\n  useIsomorphicLayoutEffect,\n  useLockBodyScroll,\n  useMergedRefs,\n  useResizeObserver,\n} from \"@gunkin/uiify/hooks\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { useDialog } from \"@gunkin/uiify/core/dialog\";\nimport { createDrawerStore } from \"./drawer-store.js\";\nimport type {\n  DrawerStore,\n  DrawerContextValue,\n  DrawerRootProps,\n  DrawerTriggerProps,\n  DrawerContentProps,\n  DrawerTitleOwnProps,\n  DrawerDescriptionOwnProps,\n  DrawerCloseProps,\n  DrawerHandleOwnProps,\n} from \"./client-types.js\";\n\nconst [DrawerProvider, useDrawerContext] = createPartContext<DrawerContextValue>(\"Drawer\");\n\nexport function DrawerRoot(props: DrawerRootProps): ReactElement | null {\n  const {\n    activeSnapPoint,\n    children,\n    defaultActiveSnapPoint,\n    defaultOpen,\n    dismissible = true,\n    modal = true,\n    onOpenChange,\n    onSnapChange,\n    open,\n    side = \"bottom\",\n    snapPoints,\n  } = props;\n  const contentId = useId();\n  const dialog = useDialog({\n    modal,\n    ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n    ...(open !== undefined ? { open } : {}),\n    ...(onOpenChange ? { onOpenChange } : {}),\n  });\n  const [labelId, setLabelId] = useState<string | undefined>();\n  const [descriptionId, setDescriptionId] = useState<string | undefined>();\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const wasOpenRef = useRef(dialog.open);\n  const storeRef = useRef<DrawerStore | null>(null);\n  storeRef.current ??= createDrawerStore({\n    side,\n    dismissible,\n    onDismiss: () => dialog.close(),\n    ...(snapPoints ? { snapPoints } : {}),\n    ...(activeSnapPoint !== undefined ? { activeSnapPoint } : {}),\n    ...(defaultActiveSnapPoint !== undefined ? { defaultActiveSnapPoint } : {}),\n    ...(onSnapChange ? { onSnapChange } : {}),\n  });\n  const store = storeRef.current;\n\n  useLockBodyScroll(modal && dialog.open);\n\n  useIsomorphicLayoutEffect(() => {\n    if (activeSnapPoint !== undefined) store.syncActiveSnapPoint(activeSnapPoint);\n  }, [activeSnapPoint, store]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (wasOpenRef.current && !dialog.open) {\n      queueMicrotask(() => triggerRef.current?.focus({ preventScroll: true }));\n    }\n    wasOpenRef.current = dialog.open;\n  }, [dialog.open]);\n\n  const snapEnabled = Boolean(snapPoints && snapPoints.length > 0);\n\n  const contextValue = useMemo<DrawerContextValue>(\n    () => ({\n      close: dialog.close,\n      contentId,\n      descriptionId,\n      dialogProps: dialog.dialogProps,\n      dialogRef: dialog.dialogRef,\n      dismissible,\n      labelId,\n      modal,\n      open: dialog.open,\n      openDialog: dialog.openDialog,\n      setDescriptionId,\n      setLabelId,\n      side,\n      snapEnabled,\n      store,\n      triggerRef,\n    }),\n    [\n      contentId,\n      descriptionId,\n      dialog.close,\n      dialog.dialogProps,\n      dialog.dialogRef,\n      dialog.open,\n      dialog.openDialog,\n      dismissible,\n      labelId,\n      modal,\n      side,\n      snapEnabled,\n      store,\n    ],\n  );\n\n  return <DrawerProvider value={contextValue}>{children}</DrawerProvider>;\n}\nDrawerRoot.displayName = \"DrawerRoot\";\n\nexport function DrawerTrigger(props: DrawerTriggerProps): ReactElement | null {\n  const { children, className, ref, ...consumerProps } = props;\n  const { contentId, open, openDialog, triggerRef } = useDrawerContext(\"Trigger\");\n  const mergedRef = useMergedRefs(triggerRef, ref);\n\n  return useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      ref: mergedRef,\n      type: \"button\",\n      \"aria-controls\": contentId,\n      \"aria-expanded\": open,\n      \"aria-haspopup\": \"dialog\",\n      onClick: composeEventHandlers(consumerProps.onClick, openDialog),\n      ...(className ? { className } : {}),\n      children,\n    },\n    state: {},\n  });\n}\n\nexport function DrawerContent(props: DrawerContentProps): ReactElement | null {\n  const { children, className, ref, style: consumerStyle, ...consumerProps } = props;\n  const {\n    contentId,\n    descriptionId,\n    dialogProps,\n    dialogRef,\n    labelId,\n    modal,\n    open,\n    side,\n    snapEnabled,\n    store,\n  } = useDrawerContext(\"Content\");\n  const containerRef = useRef<HTMLDialogElement | null>(null);\n  const mergedRef = useMergedRefs(dialogRef, containerRef, ref);\n  const size = useResizeObserver(containerRef);\n  const transform = useSyncExternalStore(\n    (listener) => store.subscribe(listener),\n    () => store.getTransform(),\n    () => \"\",\n  );\n  const activeSnap = useSyncExternalStore(\n    (listener) => store.subscribe(listener),\n    () => store.getActiveSnapPoint(),\n    () => 1,\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (!size) return;\n    const vertical = side === \"top\" || side === \"bottom\";\n    store.setContainerSize(vertical ? size.height : size.width);\n  }, [side, size, store]);\n\n  const styleVars =\n    snapEnabled && transform\n      ? ({\n          \"--uiify-drawer-transform\": transform,\n          \"--uiify-drawer-snap\": String(activeSnap),\n        } as React.CSSProperties)\n      : undefined;\n\n  const content = useRenderElement({\n    defaultTag: \"dialog\",\n    props: {\n      ...consumerProps,\n      ref: mergedRef,\n      id: contentId,\n      \"aria-describedby\": descriptionId,\n      \"aria-labelledby\": labelId,\n      \"aria-modal\": modal ? true : undefined,\n      \"data-side\": side,\n      \"data-state\": open ? \"open\" : \"closed\",\n      \"data-snap-enabled\": snapEnabled ? \"\" : undefined,\n      ...(className ? { className } : {}),\n      ...(consumerStyle || styleVars ? { style: { ...consumerStyle, ...styleVars } } : {}),\n      onCancel: composeEventHandlers(\n        consumerProps.onCancel,\n        (event: SyntheticEvent<HTMLDialogElement>) => {\n          dialogProps.onCancel?.(event);\n        },\n      ),\n      onClose: composeEventHandlers(\n        consumerProps.onClose,\n        (event: SyntheticEvent<HTMLDialogElement>) => {\n          dialogProps.onClose?.(event);\n        },\n      ),\n      children,\n    },\n    state: { open, side },\n  });\n\n  return content;\n}\n\nexport function DrawerTitle(props: DrawerTitleOwnProps): ReactElement | null {\n  const { children, className } = props;\n  const id = useId();\n  const { setLabelId } = useDrawerContext(\"Title\");\n\n  useIsomorphicLayoutEffect(() => {\n    setLabelId(id);\n    return () => setLabelId(undefined);\n  }, [id, setLabelId]);\n\n  return useRenderElement({\n    defaultTag: \"h2\",\n    props: {\n      id,\n      ...(className ? { className } : {}),\n      children,\n    },\n    state: {},\n  });\n}\n\nexport function DrawerDescription(props: DrawerDescriptionOwnProps): ReactElement | null {\n  const { children, className } = props;\n  const id = useId();\n  const { setDescriptionId } = useDrawerContext(\"Description\");\n\n  useIsomorphicLayoutEffect(() => {\n    setDescriptionId(id);\n    return () => setDescriptionId(undefined);\n  }, [id, setDescriptionId]);\n\n  return useRenderElement({\n    defaultTag: \"p\",\n    props: {\n      id,\n      ...(className ? { className } : {}),\n      children,\n    },\n    state: {},\n  });\n}\n\nexport function DrawerClose(props: DrawerCloseProps): ReactElement | null {\n  const { children, className, ...consumerProps } = props;\n  const { close } = useDrawerContext(\"Close\");\n\n  return useRenderElement({\n    defaultTag: \"button\",\n    props: {\n      ...consumerProps,\n      type: \"button\",\n      onClick: composeEventHandlers(consumerProps.onClick, () => {\n        close();\n      }),\n      ...(className ? { className } : {}),\n      children,\n    },\n    state: {},\n  });\n}\n\nexport function DrawerHandle(props: DrawerHandleOwnProps): ReactElement | null {\n  const { className, onPointerCancel, onPointerDown, onPointerMove, onPointerUp } = props;\n  const { side, snapEnabled, store } = useDrawerContext(\"Handle\");\n  const dragging = useSyncExternalStore(\n    (listener) => store.subscribe(listener),\n    () => store.isDragging(),\n    () => false,\n  );\n\n  const axis = side === \"top\" || side === \"bottom\" ? \"clientY\" : \"clientX\";\n\n  return useRenderElement({\n    defaultTag: \"div\",\n    props: snapEnabled\n      ? {\n          \"aria-hidden\": true,\n          \"data-dragging\": dragging ? \"\" : undefined,\n          \"data-side\": side,\n          ...(className ? { className } : {}),\n          onPointerDown: composeEventHandlers(\n            onPointerDown,\n            (event: PointerEvent<HTMLDivElement>) => {\n              event.currentTarget.setPointerCapture(event.pointerId);\n              store.startDrag(event[axis]);\n            },\n          ),\n          onPointerMove: composeEventHandlers(\n            onPointerMove,\n            (event: PointerEvent<HTMLDivElement>) => {\n              if (!store.isDragging()) return;\n              store.moveDrag(event[axis]);\n            },\n          ),\n          onPointerUp: composeEventHandlers(onPointerUp, (event: PointerEvent<HTMLDivElement>) => {\n            if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n              event.currentTarget.releasePointerCapture(event.pointerId);\n            }\n            store.endDrag();\n          }),\n          onPointerCancel: composeEventHandlers(\n            onPointerCancel,\n            (event: PointerEvent<HTMLDivElement>) => {\n              if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n                event.currentTarget.releasePointerCapture(event.pointerId);\n              }\n              store.endDrag();\n            },\n          ),\n        }\n      : { \"aria-hidden\": true, hidden: true },\n    state: { dragging },\n  });\n}\n\nexport const Drawer = {\n  Close: DrawerClose,\n  Content: DrawerContent,\n  Description: DrawerDescription,\n  Handle: DrawerHandle,\n  Root: DrawerRoot,\n  Title: DrawerTitle,\n  Trigger: DrawerTrigger,\n};\n"],"mappings":";AAsHS;AApHT,SAAS,SAAS,QAAQ,UAAU,4BAA4B;AAEhE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAC1B,SAAS,yBAAyB;AAalC,MAAM,CAAC,gBAAgB,gBAAgB,IAAI,kBAAsC,QAAQ;AAElF,SAAS,WAAW,OAA6C;AACtE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,EACF,IAAI;AACJ,QAAM,YAAY,MAAM;AACxB,QAAM,SAAS,UAAU;AAAA,IACvB;AAAA,IACA,GAAI,gBAAgB,SAAY,EAAE,YAAY,IAAI,CAAC;AAAA,IACnD,GAAI,SAAS,SAAY,EAAE,KAAK,IAAI,CAAC;AAAA,IACrC,GAAI,eAAe,EAAE,aAAa,IAAI,CAAC;AAAA,EACzC,CAAC;AACD,QAAM,CAAC,SAAS,UAAU,IAAI,SAA6B;AAC3D,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAA6B;AACvE,QAAM,aAAa,OAAiC,IAAI;AACxD,QAAM,aAAa,OAAO,OAAO,IAAI;AACrC,QAAM,WAAW,OAA2B,IAAI;AAChD,WAAS,YAAY,kBAAkB;AAAA,IACrC;AAAA,IACA;AAAA,IACA,WAAW,MAAM,OAAO,MAAM;AAAA,IAC9B,GAAI,aAAa,EAAE,WAAW,IAAI,CAAC;AAAA,IACnC,GAAI,oBAAoB,SAAY,EAAE,gBAAgB,IAAI,CAAC;AAAA,IAC3D,GAAI,2BAA2B,SAAY,EAAE,uBAAuB,IAAI,CAAC;AAAA,IACzE,GAAI,eAAe,EAAE,aAAa,IAAI,CAAC;AAAA,EACzC,CAAC;AACD,QAAM,QAAQ,SAAS;AAEvB,oBAAkB,SAAS,OAAO,IAAI;AAEtC,4BAA0B,MAAM;AAC9B,QAAI,oBAAoB,OAAW,OAAM,oBAAoB,eAAe;AAAA,EAC9E,GAAG,CAAC,iBAAiB,KAAK,CAAC;AAE3B,4BAA0B,MAAM;AAC9B,QAAI,WAAW,WAAW,CAAC,OAAO,MAAM;AACtC,qBAAe,MAAM,WAAW,SAAS,MAAM,EAAE,eAAe,KAAK,CAAC,CAAC;AAAA,IACzE;AACA,eAAW,UAAU,OAAO;AAAA,EAC9B,GAAG,CAAC,OAAO,IAAI,CAAC;AAEhB,QAAM,cAAc,QAAQ,cAAc,WAAW,SAAS,CAAC;AAE/D,QAAM,eAAe;AAAA,IACnB,OAAO;AAAA,MACL,OAAO,OAAO;AAAA,MACd;AAAA,MACA;AAAA,MACA,aAAa,OAAO;AAAA,MACpB,WAAW,OAAO;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM,OAAO;AAAA,MACb,YAAY,OAAO;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO,oBAAC,kBAAe,OAAO,cAAe,UAAS;AACxD;AACA,WAAW,cAAc;AAElB,SAAS,cAAc,OAAgD;AAC5E,QAAM,EAAE,UAAU,WAAW,KAAK,GAAG,cAAc,IAAI;AACvD,QAAM,EAAE,WAAW,MAAM,YAAY,WAAW,IAAI,iBAAiB,SAAS;AAC9E,QAAM,YAAY,cAAc,YAAY,GAAG;AAE/C,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,KAAK;AAAA,MACL,MAAM;AAAA,MACN,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,SAAS,qBAAqB,cAAc,SAAS,UAAU;AAAA,MAC/D,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,cAAc,OAAgD;AAC5E,QAAM,EAAE,UAAU,WAAW,KAAK,OAAO,eAAe,GAAG,cAAc,IAAI;AAC7E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,iBAAiB,SAAS;AAC9B,QAAM,eAAe,OAAiC,IAAI;AAC1D,QAAM,YAAY,cAAc,WAAW,cAAc,GAAG;AAC5D,QAAM,OAAO,kBAAkB,YAAY;AAC3C,QAAM,YAAY;AAAA,IAChB,CAAC,aAAa,MAAM,UAAU,QAAQ;AAAA,IACtC,MAAM,MAAM,aAAa;AAAA,IACzB,MAAM;AAAA,EACR;AACA,QAAM,aAAa;AAAA,IACjB,CAAC,aAAa,MAAM,UAAU,QAAQ;AAAA,IACtC,MAAM,MAAM,mBAAmB;AAAA,IAC/B,MAAM;AAAA,EACR;AAEA,4BAA0B,MAAM;AAC9B,QAAI,CAAC,KAAM;AACX,UAAM,WAAW,SAAS,SAAS,SAAS;AAC5C,UAAM,iBAAiB,WAAW,KAAK,SAAS,KAAK,KAAK;AAAA,EAC5D,GAAG,CAAC,MAAM,MAAM,KAAK,CAAC;AAEtB,QAAM,YACJ,eAAe,YACV;AAAA,IACC,4BAA4B;AAAA,IAC5B,uBAAuB,OAAO,UAAU;AAAA,EAC1C,IACA;AAEN,QAAM,UAAU,iBAAiB;AAAA,IAC/B,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,oBAAoB;AAAA,MACpB,mBAAmB;AAAA,MACnB,cAAc,QAAQ,OAAO;AAAA,MAC7B,aAAa;AAAA,MACb,cAAc,OAAO,SAAS;AAAA,MAC9B,qBAAqB,cAAc,KAAK;AAAA,MACxC,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC,GAAI,iBAAiB,YAAY,EAAE,OAAO,EAAE,GAAG,eAAe,GAAG,UAAU,EAAE,IAAI,CAAC;AAAA,MAClF,UAAU;AAAA,QACR,cAAc;AAAA,QACd,CAAC,UAA6C;AAC5C,sBAAY,WAAW,KAAK;AAAA,QAC9B;AAAA,MACF;AAAA,MACA,SAAS;AAAA,QACP,cAAc;AAAA,QACd,CAAC,UAA6C;AAC5C,sBAAY,UAAU,KAAK;AAAA,QAC7B;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAAA,IACA,OAAO,EAAE,MAAM,KAAK;AAAA,EACtB,CAAC;AAED,SAAO;AACT;AAEO,SAAS,YAAY,OAAiD;AAC3E,QAAM,EAAE,UAAU,UAAU,IAAI;AAChC,QAAM,KAAK,MAAM;AACjB,QAAM,EAAE,WAAW,IAAI,iBAAiB,OAAO;AAE/C,4BAA0B,MAAM;AAC9B,eAAW,EAAE;AACb,WAAO,MAAM,WAAW,MAAS;AAAA,EACnC,GAAG,CAAC,IAAI,UAAU,CAAC;AAEnB,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,kBAAkB,OAAuD;AACvF,QAAM,EAAE,UAAU,UAAU,IAAI;AAChC,QAAM,KAAK,MAAM;AACjB,QAAM,EAAE,iBAAiB,IAAI,iBAAiB,aAAa;AAE3D,4BAA0B,MAAM;AAC9B,qBAAiB,EAAE;AACnB,WAAO,MAAM,iBAAiB,MAAS;AAAA,EACzC,GAAG,CAAC,IAAI,gBAAgB,CAAC;AAEzB,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,YAAY,OAA8C;AACxE,QAAM,EAAE,UAAU,WAAW,GAAG,cAAc,IAAI;AAClD,QAAM,EAAE,MAAM,IAAI,iBAAiB,OAAO;AAE1C,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,MAAM;AAAA,MACN,SAAS,qBAAqB,cAAc,SAAS,MAAM;AACzD,cAAM;AAAA,MACR,CAAC;AAAA,MACD,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,aAAa,OAAkD;AAC7E,QAAM,EAAE,WAAW,iBAAiB,eAAe,eAAe,YAAY,IAAI;AAClF,QAAM,EAAE,MAAM,aAAa,MAAM,IAAI,iBAAiB,QAAQ;AAC9D,QAAM,WAAW;AAAA,IACf,CAAC,aAAa,MAAM,UAAU,QAAQ;AAAA,IACtC,MAAM,MAAM,WAAW;AAAA,IACvB,MAAM;AAAA,EACR;AAEA,QAAM,OAAO,SAAS,SAAS,SAAS,WAAW,YAAY;AAE/D,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO,cACH;AAAA,MACE,eAAe;AAAA,MACf,iBAAiB,WAAW,KAAK;AAAA,MACjC,aAAa;AAAA,MACb,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC,eAAe;AAAA,QACb;AAAA,QACA,CAAC,UAAwC;AACvC,gBAAM,cAAc,kBAAkB,MAAM,SAAS;AACrD,gBAAM,UAAU,MAAM,IAAI,CAAC;AAAA,QAC7B;AAAA,MACF;AAAA,MACA,eAAe;AAAA,QACb;AAAA,QACA,CAAC,UAAwC;AACvC,cAAI,CAAC,MAAM,WAAW,EAAG;AACzB,gBAAM,SAAS,MAAM,IAAI,CAAC;AAAA,QAC5B;AAAA,MACF;AAAA,MACA,aAAa,qBAAqB,aAAa,CAAC,UAAwC;AACtF,YAAI,MAAM,cAAc,kBAAkB,MAAM,SAAS,GAAG;AAC1D,gBAAM,cAAc,sBAAsB,MAAM,SAAS;AAAA,QAC3D;AACA,cAAM,QAAQ;AAAA,MAChB,CAAC;AAAA,MACD,iBAAiB;AAAA,QACf;AAAA,QACA,CAAC,UAAwC;AACvC,cAAI,MAAM,cAAc,kBAAkB,MAAM,SAAS,GAAG;AAC1D,kBAAM,cAAc,sBAAsB,MAAM,SAAS;AAAA,UAC3D;AACA,gBAAM,QAAQ;AAAA,QAChB;AAAA,MACF;AAAA,IACF,IACA,EAAE,eAAe,MAAM,QAAQ,KAAK;AAAA,IACxC,OAAO,EAAE,SAAS;AAAA,EACpB,CAAC;AACH;AAEO,MAAM,SAAS;AAAA,EACpB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AACX;","names":[]}

package/dist/components/drawer/DrawerNative.d.ts

@@ -0,0 +1,21 @@
+import type { ReactElement } from "react";
+import type { DrawerProps } from "./types.js";
+/**
+ * Monolithic native shell: a `command="show-modal"` trigger opens a plain,
+ * initially closed `<dialog>`; a `command="request-close"` invoker closes it.
+ * Works before hydration, matching Modal and AlertModal's native shell — all
+ * three are built on `@gunkin/uiify/elements/dialog`. Always a true modal — controlled
+ * or initially open state needs a client adapter, which this Tier 0 shell does
+ * not have.
+ *
+ * `title` is required, so `aria-labelledby={titleId}` always satisfies
+ * `Dialog.Content`'s accessible-name requirement here — unlike `ModalContent`/
+ * `AlertModalContent`, which are exported as generic parts in their own right
+ * and so keep a looser prop type (see ModalParts.tsx), this shell has no
+ * public "DrawerContent" part to keep loose.
+ */
+export declare function DrawerPanel({ id, trigger, title, description, children, closeLabel, side, triggerClassName, className, closeClassName, }: DrawerProps): ReactElement;
+export declare namespace DrawerPanel {
+    var displayName: string;
+}
+//# sourceMappingURL=DrawerNative.d.ts.map

package/dist/components/drawer/DrawerNative.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerNative.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/DrawerNative.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAM1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,UAAoB,EACpB,IAAe,EACf,gBAAgB,EAChB,SAAS,EACT,cAAc,GACf,EAAE,WAAW,GAAG,YAAY,CA0B5B;yBArCe,WAAW"}

package/dist/components/drawer/DrawerNative.js

@@ -0,0 +1,46 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  DialogClose as ElementDialogClose,
+  DialogContent as ElementDialogContent,
+  DialogTrigger as ElementDialogTrigger
+} from "../../elements/dialog/index.js";
+function DrawerPanel({
+  id,
+  trigger,
+  title,
+  description,
+  children,
+  closeLabel = "Close",
+  side = "bottom",
+  triggerClassName,
+  className,
+  closeClassName
+}) {
+  const titleId = `${id}-title`;
+  const descriptionId = `${id}-description`;
+  return /* @__PURE__ */ jsxs("div", { "data-uiify-drawer": "", "data-side": side, children: [
+    /* @__PURE__ */ jsx(ElementDialogTrigger, { className: triggerClassName, "data-uiify-drawer-trigger": "", target: id, children: trigger }),
+    /* @__PURE__ */ jsxs(
+      ElementDialogContent,
+      {
+        "aria-describedby": description === void 0 ? void 0 : descriptionId,
+        "aria-labelledby": titleId,
+        className,
+        "data-side": side,
+        "data-uiify-drawer-content": "",
+        id,
+        children: [
+          /* @__PURE__ */ jsx("h2", { id: titleId, children: title }),
+          description === void 0 ? null : /* @__PURE__ */ jsx("p", { id: descriptionId, children: description }),
+          children,
+          /* @__PURE__ */ jsx(ElementDialogClose, { className: closeClassName, "data-uiify-drawer-close": "", target: id, children: closeLabel })
+        ]
+      }
+    )
+  ] });
+}
+DrawerPanel.displayName = "DrawerPanel";
+export {
+  DrawerPanel
+};
+//# sourceMappingURL=DrawerNative.js.map