npm - @gunkin/uiify - Versions diffs - 0.0.24-alpha → 0.0.26-alpha - Mend

@gunkin/uiify 0.0.24-alpha → 0.0.26-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (528) hide show

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

	@@ -1 +1 @@
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 useMergedRefs,\n useResizeObserver,\n useMediaQuery,\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 \"./types.js\";\n\nconst [DrawerProvider, useDrawerContext] = createPartContext<DrawerContextValue>(\"Drawer\");\n\nexport function DrawerRoot(props: DrawerRootProps): ReactElement \| null {\n const {\n activeSnapPoint,\n closeOnOverlayClick = true,\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 mobile = useMediaQuery(\"(width < 40rem)\");\n const effectiveSide = mobile ? \"bottom\" : side;\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: effectiveSide,\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 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 useIsomorphicLayoutEffect(() => store.setSide(effectiveSide), [effectiveSide, store]);\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 closeOnOverlayClick,\n labelId,\n modal,\n open: dialog.open,\n openDialog: dialog.openDialog,\n setDescriptionId,\n setLabelId,\n side: effectiveSide,\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 closeOnOverlayClick,\n labelId,\n modal,\n effectiveSide,\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 \"data-uiify-button\": \"\",\n \"data-part\": \"trigger\",\n \"data-uiify-drawer\": \"\",\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 {\n children,\n className,\n ref,\n style: consumerStyle,\n size: drawerSize,\n dismiss,\n backdrop,\n ...consumerProps\n } = props;\n const {\n contentId,\n descriptionId,\n dialogProps,\n dialogRef,\n dismissible,\n closeOnOverlayClick,\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-size\": drawerSize,\n \"data-backdrop\": backdrop,\n closedby: dismiss ?? (dismissible ? (closeOnOverlayClick ? \"any\" : \"closerequest\") : \"none\"),\n \"data-part\": \"content\",\n \"data-side\": side,\n \"data-state\": open ? \"open\" : \"closed\",\n \"data-uiify-drawer\": \"\",\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, ...consumerProps } = 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 ...consumerProps,\n id,\n \"data-part\": \"title\",\n \"data-uiify-drawer\": \"\",\n ...(className ? { className } : {}),\n children,\n },\n state: {},\n });\n}\n\nexport function DrawerDescription(props: DrawerDescriptionOwnProps): ReactElement \| null {\n const { children, className, ...consumerProps } = 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 ...consumerProps,\n id,\n \"data-part\": \"description\",\n \"data-uiify-drawer\": \"\",\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 \"data-uiify-button\": \"\",\n \"data-part\": \"close\",\n \"data-uiify-drawer\": \"\",\n \"data-variant\": \"ghost\",\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 {\n className,\n onPointerCancel,\n onPointerDown,\n onPointerMove,\n onPointerUp,\n ...consumerProps\n } = 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 ...consumerProps,\n \"aria-hidden\": true,\n \"data-part\": \"handle\",\n \"data-uiify-drawer\": \"\",\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 : {\n ...consumerProps,\n \"aria-hidden\": true,\n \"data-part\": \"handle\",\n \"data-uiify-drawer\": \"\",\n ...(className ? { className } : {}),\n },\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":"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","names":[]}
1	+ {"version":3,"sources":["../../../src/components/drawer/Drawer.tsx"],"sourcesContent":["\"use client\";\nimport { useMemo, useRef, useState, useSyncExternalStore } from \"react\";\nimport type { PointerEvent, ReactElement, SyntheticEvent } from \"react\";\nimport {\n useId,\n useIsomorphicLayoutEffect,\n useMergedRefs,\n useResizeObserver,\n useMediaQuery,\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 \"./types.js\";\nconst [DrawerProvider, useDrawerContext] = createPartContext<DrawerContextValue>(\"Drawer\");\nexport function DrawerRoot(props: DrawerRootProps): ReactElement \| null {\n const {\n activeSnapPoint,\n closeOnOverlayClick = true,\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 mobile = useMediaQuery(\"(width < 40rem)\");\n const effectiveSide = mobile ? \"bottom\" : side;\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: effectiveSide,\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 useIsomorphicLayoutEffect(() => {\n if (activeSnapPoint !== undefined) store.syncActiveSnapPoint(activeSnapPoint);\n }, [activeSnapPoint, store]);\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 useIsomorphicLayoutEffect(() => store.setSide(effectiveSide), [effectiveSide, store]);\n const snapEnabled = Boolean(snapPoints && snapPoints.length > 0);\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 closeOnOverlayClick,\n labelId,\n modal,\n open: dialog.open,\n openDialog: dialog.openDialog,\n setDescriptionId,\n setLabelId,\n side: effectiveSide,\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 closeOnOverlayClick,\n labelId,\n modal,\n effectiveSide,\n snapEnabled,\n store,\n ],\n );\n return <DrawerProvider value={contextValue}>{children}</DrawerProvider>;\n}\nDrawerRoot.displayName = \"DrawerRoot\";\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 return useRenderElement({\n defaultTag: \"button\",\n props: {\n type: \"button\",\n \"data-uiify-button\": \"\",\n \"data-part\": \"trigger\",\n \"data-uiify-drawer\": \"\",\n \"aria-controls\": contentId,\n \"aria-expanded\": open,\n \"aria-haspopup\": \"dialog\",\n ...(className ? { className } : {}),\n ...consumerProps,\n ref: mergedRef,\n onClick: composeEventHandlers(consumerProps.onClick, openDialog),\n children,\n },\n state: {},\n });\n}\nexport function DrawerContent(props: DrawerContentProps): ReactElement \| null {\n const {\n children,\n className,\n ref,\n style: consumerStyle,\n size: drawerSize,\n dismiss,\n backdrop,\n ...consumerProps\n } = props;\n const {\n contentId,\n descriptionId,\n dialogProps,\n dialogRef,\n dismissible,\n closeOnOverlayClick,\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 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 const styleVars =\n snapEnabled && transform\n ? ({\n \"--uiify-drawer-transform\": transform,\n \"--uiify-drawer-snap\": String(activeSnap),\n } as React.CSSProperties)\n : undefined;\n const content = useRenderElement({\n defaultTag: \"dialog\",\n props: {\n id: contentId,\n \"aria-describedby\": descriptionId,\n \"aria-labelledby\": labelId,\n \"aria-modal\": modal ? true : undefined,\n \"data-size\": drawerSize,\n \"data-backdrop\": backdrop,\n closedby: dismiss ?? (dismissible ? (closeOnOverlayClick ? \"any\" : \"closerequest\") : \"none\"),\n \"data-part\": \"content\",\n \"data-side\": side,\n \"data-state\": open ? \"open\" : \"closed\",\n \"data-uiify-drawer\": \"\",\n \"data-snap-enabled\": snapEnabled ? \"\" : undefined,\n ...(className ? { className } : {}),\n ...(consumerStyle \|\| styleVars ? { style: { ...styleVars, ...consumerStyle } } : {}),\n ...consumerProps,\n ref: mergedRef,\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 return content;\n}\nexport function DrawerTitle(props: DrawerTitleOwnProps): ReactElement \| null {\n const { children, className, ...consumerProps } = props;\n const id = useId();\n const { setLabelId } = useDrawerContext(\"Title\");\n useIsomorphicLayoutEffect(() => {\n setLabelId(id);\n return () => setLabelId(undefined);\n }, [id, setLabelId]);\n return useRenderElement({\n defaultTag: \"h2\",\n props: {\n id,\n \"data-part\": \"title\",\n \"data-uiify-drawer\": \"\",\n ...(className ? { className } : {}),\n ...consumerProps,\n children,\n },\n state: {},\n });\n}\nexport function DrawerDescription(props: DrawerDescriptionOwnProps): ReactElement \| null {\n const { children, className, ...consumerProps } = props;\n const id = useId();\n const { setDescriptionId } = useDrawerContext(\"Description\");\n useIsomorphicLayoutEffect(() => {\n setDescriptionId(id);\n return () => setDescriptionId(undefined);\n }, [id, setDescriptionId]);\n return useRenderElement({\n defaultTag: \"p\",\n props: {\n id,\n \"data-part\": \"description\",\n \"data-uiify-drawer\": \"\",\n ...(className ? { className } : {}),\n ...consumerProps,\n children,\n },\n state: {},\n });\n}\nexport function DrawerClose(props: DrawerCloseProps): ReactElement \| null {\n const { children, className, ...consumerProps } = props;\n const { close } = useDrawerContext(\"Close\");\n return useRenderElement({\n defaultTag: \"button\",\n props: {\n type: \"button\",\n \"data-uiify-button\": \"\",\n \"data-part\": \"close\",\n \"data-uiify-drawer\": \"\",\n \"data-variant\": \"ghost\",\n ...(className ? { className } : {}),\n ...consumerProps,\n onClick: composeEventHandlers(consumerProps.onClick, () => {\n close();\n }),\n children,\n },\n state: {},\n });\n}\nexport function DrawerHandle(props: DrawerHandleOwnProps): ReactElement \| null {\n const {\n className,\n onPointerCancel,\n onPointerDown,\n onPointerMove,\n onPointerUp,\n ...consumerProps\n } = props;\n const { side, snapEnabled, store } = useDrawerContext(\"Handle\");\n const dragging = useSyncExternalStore(\n (listener) => store.subscribe(listener),\n () => store.isDragging(),\n () => false,\n );\n const axis = side === \"top\" \|\| side === \"bottom\" ? \"clientY\" : \"clientX\";\n return useRenderElement({\n defaultTag: \"div\",\n props: snapEnabled\n ? {\n \"aria-hidden\": true,\n \"data-part\": \"handle\",\n \"data-uiify-drawer\": \"\",\n \"data-dragging\": dragging ? \"\" : undefined,\n \"data-side\": side,\n ...(className ? { className } : {}),\n ...consumerProps,\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 : {\n \"aria-hidden\": true,\n \"data-part\": \"handle\",\n \"data-uiify-drawer\": \"\",\n ...(className ? { className } : {}),\n ...consumerProps,\n onPointerDown,\n onPointerMove,\n onPointerUp,\n onPointerCancel,\n },\n state: { dragging },\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":";AAkHS;AAjHT,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;AAYlC,MAAM,CAAC,gBAAgB,gBAAgB,IAAI,kBAAsC,QAAQ;AAClF,SAAS,WAAW,OAA6C;AACtE,QAAM;AAAA,IACJ;AAAA,IACA,sBAAsB;AAAA,IACtB;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,SAAS,cAAc,iBAAiB;AAC9C,QAAM,gBAAgB,SAAS,WAAW;AAC1C,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,MAAM;AAAA,IACN;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;AACvB,4BAA0B,MAAM;AAC9B,QAAI,oBAAoB,OAAW,OAAM,oBAAoB,eAAe;AAAA,EAC9E,GAAG,CAAC,iBAAiB,KAAK,CAAC;AAC3B,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;AAChB,4BAA0B,MAAM,MAAM,QAAQ,aAAa,GAAG,CAAC,eAAe,KAAK,CAAC;AACpF,QAAM,cAAc,QAAQ,cAAc,WAAW,SAAS,CAAC;AAC/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;AAAA,MACA,MAAM,OAAO;AAAA,MACb,YAAY,OAAO;AAAA,MACnB;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN;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,MACA;AAAA,IACF;AAAA,EACF;AACA,SAAO,oBAAC,kBAAe,OAAO,cAAe,UAAS;AACxD;AACA,WAAW,cAAc;AAClB,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;AAC/C,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,MAAM;AAAA,MACN,qBAAqB;AAAA,MACrB,aAAa;AAAA,MACb,qBAAqB;AAAA,MACrB,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC,GAAG;AAAA,MACH,KAAK;AAAA,MACL,SAAS,qBAAqB,cAAc,SAAS,UAAU;AAAA,MAC/D;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AACO,SAAS,cAAc,OAAgD;AAC5E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;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;AACA,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;AACtB,QAAM,YACJ,eAAe,YACV;AAAA,IACC,4BAA4B;AAAA,IAC5B,uBAAuB,OAAO,UAAU;AAAA,EAC1C,IACA;AACN,QAAM,UAAU,iBAAiB;AAAA,IAC/B,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,IAAI;AAAA,MACJ,oBAAoB;AAAA,MACpB,mBAAmB;AAAA,MACnB,cAAc,QAAQ,OAAO;AAAA,MAC7B,aAAa;AAAA,MACb,iBAAiB;AAAA,MACjB,UAAU,YAAY,cAAe,sBAAsB,QAAQ,iBAAkB;AAAA,MACrF,aAAa;AAAA,MACb,aAAa;AAAA,MACb,cAAc,OAAO,SAAS;AAAA,MAC9B,qBAAqB;AAAA,MACrB,qBAAqB,cAAc,KAAK;AAAA,MACxC,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC,GAAI,iBAAiB,YAAY,EAAE,OAAO,EAAE,GAAG,WAAW,GAAG,cAAc,EAAE,IAAI,CAAC;AAAA,MAClF,GAAG;AAAA,MACH,KAAK;AAAA,MACL,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;AACD,SAAO;AACT;AACO,SAAS,YAAY,OAAiD;AAC3E,QAAM,EAAE,UAAU,WAAW,GAAG,cAAc,IAAI;AAClD,QAAM,KAAK,MAAM;AACjB,QAAM,EAAE,WAAW,IAAI,iBAAiB,OAAO;AAC/C,4BAA0B,MAAM;AAC9B,eAAW,EAAE;AACb,WAAO,MAAM,WAAW,MAAS;AAAA,EACnC,GAAG,CAAC,IAAI,UAAU,CAAC;AACnB,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA,aAAa;AAAA,MACb,qBAAqB;AAAA,MACrB,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC,GAAG;AAAA,MACH;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AACO,SAAS,kBAAkB,OAAuD;AACvF,QAAM,EAAE,UAAU,WAAW,GAAG,cAAc,IAAI;AAClD,QAAM,KAAK,MAAM;AACjB,QAAM,EAAE,iBAAiB,IAAI,iBAAiB,aAAa;AAC3D,4BAA0B,MAAM;AAC9B,qBAAiB,EAAE;AACnB,WAAO,MAAM,iBAAiB,MAAS;AAAA,EACzC,GAAG,CAAC,IAAI,gBAAgB,CAAC;AACzB,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA,aAAa;AAAA,MACb,qBAAqB;AAAA,MACrB,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC,GAAG;AAAA,MACH;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AACO,SAAS,YAAY,OAA8C;AACxE,QAAM,EAAE,UAAU,WAAW,GAAG,cAAc,IAAI;AAClD,QAAM,EAAE,MAAM,IAAI,iBAAiB,OAAO;AAC1C,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,MAAM;AAAA,MACN,qBAAqB;AAAA,MACrB,aAAa;AAAA,MACb,qBAAqB;AAAA,MACrB,gBAAgB;AAAA,MAChB,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC,GAAG;AAAA,MACH,SAAS,qBAAqB,cAAc,SAAS,MAAM;AACzD,cAAM;AAAA,MACR,CAAC;AAAA,MACD;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AACO,SAAS,aAAa,OAAkD;AAC7E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,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;AACA,QAAM,OAAO,SAAS,SAAS,SAAS,WAAW,YAAY;AAC/D,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO,cACH;AAAA,MACE,eAAe;AAAA,MACf,aAAa;AAAA,MACb,qBAAqB;AAAA,MACrB,iBAAiB,WAAW,KAAK;AAAA,MACjC,aAAa;AAAA,MACb,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC,GAAG;AAAA,MACH,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;AAAA,MACE,eAAe;AAAA,MACf,aAAa;AAAA,MACb,qBAAqB;AAAA,MACrB,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACJ,OAAO,EAAE,SAAS;AAAA,EACpB,CAAC;AACH;AACO,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 CHANGED Viewed

@@ -6,7 +6,7 @@ export declare function DrawerNativeContent({ size, dismiss, backdrop, side, ...
 export declare namespace DrawerNativeContent {
     var displayName: string;
 }
-export declare function DrawerPanel({ id, trigger, title, description, children, closeLabel, labels, side, className, footer, size, dismiss, backdrop, }: DrawerProps): ReactElement;
+export declare function DrawerPanel({ id, trigger, title, description, children, closeLabel, labels, side, footer, slotProps, size, dismiss, backdrop, ...rootProps }: DrawerProps): ReactElement;
 export declare namespace DrawerPanel {
     var displayName: string;
 }

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

	@@ -1 +1 @@
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;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;~~AAIlG~~,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,GAAG,YAAY,CAUhG;AACD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,GAAG,YAAY,CAU9F;AACD,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAe,EACf,QAAQ,EACR,IAAe,EACf,GAAG,KAAK,EACT,EAAE,wBAAwB,GAAG,YAAY,CAYzC;yBAlBe,mBAAmB;;;~~AAqBnC~~,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,MAAM,EACN,IAAe,EACf,SAAS,EACT,~~MAAM,EACN,~~IAAI,EACJ,OAAO,EACP,QAAQ,~~GACT~~,EAAE,WAAW,GAAG,YAAY,~~CAuD5B~~;yBArEe,WAAW"}
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;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAElG,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,GAAG,YAAY,CAUhG;AACD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,GAAG,YAAY,CAU9F;AACD,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAe,EACf,QAAQ,EACR,IAAe,EACf,GAAG,KAAK,EACT,EAAE,wBAAwB,GAAG,YAAY,CAYzC;yBAlBe,mBAAmB;;;AAoBnC,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,MAAM,EACN,IAAe,EACf,MAAM,EACN,SAAS,EACT,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,WAAW,GAAG,YAAY,CAsD5B;yBArEe,WAAW"}

package/dist/components/drawer/DrawerNative.js CHANGED Viewed

@@ -33,13 +33,13 @@ function DrawerNativeContent({
   return /* @__PURE__ */ jsx(
     "dialog",
     {
-      ...props,
       closedby: dismiss,
       "data-side": side,
       "data-size": size,
       "data-backdrop": backdrop,
       "data-part": "content",
-      "data-uiify-drawer": ""
+      "data-uiify-drawer": "",
+      ...props
     }
   );
 }
@@ -53,48 +53,53 @@ function DrawerPanel({
   closeLabel,
   labels,
   side = "bottom",
-  className,
   footer,
+  slotProps,
   size,
   dismiss,
-  backdrop
+  backdrop,
+  ...rootProps
 }) {
   const effectiveCloseLabel = closeLabel ?? labels?.close ?? DEFAULT_DRAWER_LABELS.close;
-  return /* @__PURE__ */ jsxs("div", { "data-part": "root", "data-side": side, "data-uiify-drawer": "", children: [
-    /* @__PURE__ */ jsx(DrawerNativeTrigger, { target: id, children: trigger }),
+  return /* @__PURE__ */ jsxs("div", { "data-part": "root", "data-side": side, "data-uiify-drawer": "", ...rootProps, children: [
+    /* @__PURE__ */ jsx(DrawerNativeTrigger, { target: id, ...slotProps?.trigger, children: trigger }),
     /* @__PURE__ */ jsxs(
       DrawerNativeContent,
       {
         "aria-describedby": description === null || description === void 0 ? void 0 : `${id}-description`,
         "aria-labelledby": `${id}-title`,
-        className,
         side,
         id,
         ...size ? { size } : {},
         ...dismiss ? { dismiss } : {},
         ...backdrop ? { backdrop } : {},
+        ...slotProps?.content,
         children: [
-          /* @__PURE__ */ jsx("div", { "data-part": "grabber", "data-uiify-drawer": "", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsxs("div", { "data-part": "header", "data-uiify-drawer": "", children: [
-            /* @__PURE__ */ jsx("h2", { "data-part": "title", id: `${id}-title`, children: title }),
-            description === null || description === void 0 ? null : /* @__PURE__ */ jsx("p", { "data-part": "description", id: `${id}-description`, children: description }),
-            /* @__PURE__ */ jsx(DrawerNativeClose, { target: id, "aria-label": effectiveCloseLabel, children: /* @__PURE__ */ jsx(
-              "svg",
+          /* @__PURE__ */ jsx("div", { "data-part": "grabber", "data-uiify-drawer": "", "aria-hidden": "true", ...slotProps?.grabber }),
+          /* @__PURE__ */ jsxs("div", { "data-part": "header", "data-uiify-drawer": "", ...slotProps?.header, children: [
+            /* @__PURE__ */ jsx("h2", { "data-part": "title", id: `${id}-title`, "data-uiify-drawer": "", ...slotProps?.title, children: title }),
+            description === null || description === void 0 ? null : /* @__PURE__ */ jsx(
+              "p",
+              {
+                "data-part": "description",
+                id: `${id}-description`,
+                "data-uiify-drawer": "",
+                ...slotProps?.description,
+                children: description
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              DrawerNativeClose,
               {
-                "aria-hidden": "true",
-                viewBox: "0 0 16 16",
-                width: "14",
-                height: "14",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "1.75",
-                strokeLinecap: "round",
-                children: /* @__PURE__ */ jsx("path", { d: "M3 3l10 10M13 3L3 13" })
+                "aria-label": effectiveCloseLabel,
+                "data-size": "icon",
+                target: id,
+                ...slotProps?.close
               }
-            ) })
+            )
           ] }),
-          children === null || children === void 0 ? null : /* @__PURE__ */ jsx("div", { "data-part": "body", "data-uiify-drawer": "", children }),
-          footer === null || footer === void 0 ? null : /* @__PURE__ */ jsx("div", { "data-part": "footer", "data-uiify-drawer": "", children: footer })
+          children === null || children === void 0 ? null : /* @__PURE__ */ jsx("div", { "data-part": "body", "data-uiify-drawer": "", ...slotProps?.body, children }),
+          footer === null || footer === void 0 ? null : /* @__PURE__ */ jsx("div", { "data-part": "footer", "data-uiify-drawer": "", ...slotProps?.footer, children: footer })
         ]
       }
     )

package/dist/components/drawer/DrawerNative.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/drawer/DrawerNative.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { renderNativeInvoker } from \"@gunkin/uiify/core/render\";\nimport type { DrawerProps, DrawerNativeContentProps, DrawerNativeInvokerProps } from \"./types.js\";\n\nconst DEFAULT_DRAWER_LABELS = { close: \"Close\" } as const;\n\nexport function DrawerNativeTrigger({ target, ...props }: DrawerNativeInvokerProps): ReactElement {\n return renderNativeInvoker(\n \"button\",\n \"data-uiify-drawer\",\n \"trigger\",\n \"show-modal\",\n target,\n props,\n { button: true },\n );\n}\nexport function DrawerNativeClose({ target, ...props }: DrawerNativeInvokerProps): ReactElement {\n return renderNativeInvoker(\n \"button\",\n \"data-uiify-drawer\",\n \"close\",\n \"request-close\",\n target,\n props,\n { button: true, variant: \"ghost\" },\n );\n}\nexport function DrawerNativeContent({\n size,\n dismiss = \"any\",\n backdrop,\n side = \"bottom\",\n ...props\n}: DrawerNativeContentProps): ReactElement {\n return (\n <dialog\n ~~{...props}\n~~ closedby={dismiss}\n data-side={side}\n data-size={size}\n data-backdrop={backdrop}\n data-part=\"content\"\n data-uiify-drawer=\"\"\n />\n );\n}\nDrawerNativeContent.displayName = \"DrawerNativeContent\";\n\nexport function DrawerPanel({\n id,\n trigger,\n title,\n description,\n children,\n closeLabel,\n labels,\n side = \"bottom\",\n ~~className~~,\n ~~footer~~,\n size,\n dismiss,\n backdrop,\n}: DrawerProps): ReactElement {\n const effectiveCloseLabel = closeLabel ?? labels?.close ?? DEFAULT_DRAWER_LABELS.close;\n return (\n <div data-part=\"root\" data-side={side} data-uiify-drawer=\"\">\n <DrawerNativeTrigger target={id}>{trigger}</DrawerNativeTrigger>\n <DrawerNativeContent\n aria-describedby={\n description === null \|\| description === undefined ? undefined : `${id}-description`\n }\n aria-labelledby={`${id}-title`}\n ~~className={className}\n~~ side={side}\n id={id}\n {...(size ? { size } : {})}\n {...(dismiss ? { dismiss } : {})}\n {...(backdrop ? { backdrop } : {})}\n >\n <div data-part=\"grabber\" data-uiify-drawer=\"\" aria-hidden=\"true\" />\n <div data-part=\"header\" data-uiify-drawer=\"\">\n <h2 data-part=\"title\" id={`${id}-title`}>\n {title}\n </h2>\n {description === null \|\| description === undefined ? null : (\n <p data-part=\"description\" id={`${id}-description`}>\n {description}\n </p>\n )}\n <DrawerNativeClose ~~target={id}~~ aria-label={effectiveCloseLabel}>\n ~~<svg\n aria~~-~~hidden~~=\"~~true~~\"\n ~~viewBox=\"0 0 16 16~~\"\n ~~width=\"14\"\n height=\"14\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"1.75\"\n strokeLinecap=\"round\"\n~~ ~~>\n <path d=\"M3 3l10 10M13 3L3 13~~\~~" />\~~n ~~</svg>\n~~ ~~</DrawerNativeClose>\~~n </div>\n {children === null \|\| children === undefined ? null : (\n <div data-part=\"body\" data-uiify-drawer=\"\">\n {children}\n </div>\n )}\n {footer === null \|\| footer === undefined ? null : (\n <div data-part=\"footer\" data-uiify-drawer=\"\">\n {footer}\n </div>\n )}\n </DrawerNativeContent>\n </div>\n );\n}\nDrawerPanel.displayName = \"DrawerPanel\";\n"],"mappings":"~~AAoCI~~,~~cA6CI~~,~~YA7CJ~~;~~AAnCJ~~,SAAS,2BAA2B;~~AAGpC~~,MAAM,wBAAwB,EAAE,OAAO,QAAQ;~~AAExC~~,SAAS,oBAAoB,EAAE,QAAQ,GAAG,MAAM,GAA2C;AAChG,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,KAAK;AAAA,EACjB;AACF;AACO,SAAS,kBAAkB,EAAE,QAAQ,GAAG,MAAM,GAA2C;AAC9F,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,MAAM,SAAS,QAAQ;AAAA,EACnC;AACF;AACO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAA2C;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,~~MACE~~,~~GAAG;AAAA,MACJ,~~UAAU;AAAA,MACV,aAAW;AAAA,MACX,aAAW;AAAA,MACX,iBAAe;AAAA,MACf,aAAU;AAAA,MACV,qBAAkB;AAAA;AAAA,~~EACpB~~;AAEJ;AACA,oBAAoB,cAAc;~~AAE3B~~,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;~~AACF~~,GAA8B;AAC5B,QAAM,sBAAsB,cAAc,QAAQ,SAAS,sBAAsB;AACjF,SACE,qBAAC,SAAI,aAAU,QAAO,aAAW,MAAM,qBAAkB,~~IACvD~~;AAAA,wBAAC,uBAAoB,QAAQ,IAAK,~~mBAAQ~~;AAAA,~~IAC1C~~;AAAA,MAAC;AAAA;AAAA,QACC,oBACE,gBAAgB,QAAQ,gBAAgB,SAAY,SAAY,GAAG,EAAE;AAAA,QAEvE,mBAAiB,GAAG,EAAE;AAAA,QACtB;AAAA,QACA;AAAA,~~QACA;AAAA,~~QACC,GAAI,OAAO,EAAE,KAAK,IAAI,CAAC;AAAA,QACvB,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;AAAA,QAC7B,GAAI,WAAW,EAAE,SAAS,IAAI,CAAC;AAAA,~~QAEhC~~;AAAA,8BAAC,SAAI,aAAU,WAAU,qBAAkB,IAAG,eAAY,~~QAAO~~;AAAA,~~UACjE~~,qBAAC,SAAI,aAAU,UAAS,qBAAkB,~~IACxC~~;AAAA,gCAAC,QAAG,aAAU,SAAQ,IAAI,GAAG,EAAE,~~UAC5B~~,iBACH;AAAA,YACC,gBAAgB,QAAQ,gBAAgB,SAAY,OACnD,~~oBAAC~~,~~OAAE~~,aAAU,~~eAAc~~,IAAI,GAAG,EAAE~~,gBACjC,uBACH~~;AAAA,~~YAEF~~,~~oBAAC,~~qBAAkB,~~QAAQ~~,~~IAAI~~,~~cAAY,qBACzC~~;AAAA,~~cAAC~~;AAAA;AAAA,~~gBACC,eAAY~~;AAAA,~~gBACZ,SAAQ~~;AAAA,~~gBACR,OAAM~~;AAAA~~,gBACN,QAAO~~;AAAA,~~gBACP~~,~~MAAK~~;AAAA,~~gBACL~~,~~QAAO~~;AAAA,~~gBACP~~,~~aAAY~~;AAAA,~~gBACZ~~,~~eAAc;AAAA~~,~~gBAEd,8BAAC,UAAK,GAAE,wBAAuB~~;AAAA;AAAA,~~YACjC,GACF~~;AAAA,aACF;AAAA,UACC,aAAa,QAAQ,aAAa,SAAY,OAC7C,oBAAC,SAAI,aAAU,QAAO,qBAAkB,~~IACrC~~,UACH;AAAA,UAED,WAAW,QAAQ,WAAW,SAAY,OACzC,oBAAC,SAAI,aAAU,UAAS,qBAAkB,~~IACvC~~,kBACH;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ;AACA,YAAY,cAAc;","names":[]}
1	+ {"version":3,"sources":["../../../src/components/drawer/DrawerNative.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { renderNativeInvoker } from \"@gunkin/uiify/core/render\";\nimport type { DrawerProps, DrawerNativeContentProps, DrawerNativeInvokerProps } from \"./types.js\";\nconst DEFAULT_DRAWER_LABELS = { close: \"Close\" } as const;\nexport function DrawerNativeTrigger({ target, ...props }: DrawerNativeInvokerProps): ReactElement {\n return renderNativeInvoker(\n \"button\",\n \"data-uiify-drawer\",\n \"trigger\",\n \"show-modal\",\n target,\n props,\n { button: true },\n );\n}\nexport function DrawerNativeClose({ target, ...props }: DrawerNativeInvokerProps): ReactElement {\n return renderNativeInvoker(\n \"button\",\n \"data-uiify-drawer\",\n \"close\",\n \"request-close\",\n target,\n props,\n { button: true, variant: \"ghost\" },\n );\n}\nexport function DrawerNativeContent({\n size,\n dismiss = \"any\",\n backdrop,\n side = \"bottom\",\n ...props\n}: DrawerNativeContentProps): ReactElement {\n return (\n <dialog\n closedby={dismiss}\n data-side={side}\n data-size={size}\n data-backdrop={backdrop}\n data-part=\"content\"\n data-uiify-drawer=\"\"\n {...props}\n />\n );\n}\nDrawerNativeContent.displayName = \"DrawerNativeContent\";\nexport function DrawerPanel({\n id,\n trigger,\n title,\n description,\n children,\n closeLabel,\n labels,\n side = \"bottom\",\n footer,\n slotProps,\n size,\n dismiss,\n backdrop,\n ...rootProps\n}: DrawerProps): ReactElement {\n const effectiveCloseLabel = closeLabel ?? labels?.close ?? DEFAULT_DRAWER_LABELS.close;\n return (\n <div data-part=\"root\" data-side={side} data-uiify-drawer=\"\" {...rootProps}>\n <DrawerNativeTrigger target={id} {...slotProps?.trigger}>\n {trigger}\n </DrawerNativeTrigger>\n <DrawerNativeContent\n aria-describedby={\n description === null \|\| description === undefined ? undefined : `${id}-description`\n }\n aria-labelledby={`${id}-title`}\n side={side}\n id={id}\n {...(size ? { size } : {})}\n {...(dismiss ? { dismiss } : {})}\n {...(backdrop ? { backdrop } : {})}\n {...slotProps?.content}\n >\n <div data-part=\"grabber\" data-uiify-drawer=\"\" aria-hidden=\"true\" {...slotProps?.grabber} />\n <div data-part=\"header\" data-uiify-drawer=\"\" {...slotProps?.header}>\n <h2 data-part=\"title\" id={`${id}-title`} data-uiify-drawer=\"\" {...slotProps?.title}>\n {title}\n </h2>\n {description === null \|\| description === undefined ? null : (\n <p\n data-part=\"description\"\n id={`${id}-description`}\n data-uiify-drawer=\"\"\n {...slotProps?.description}\n >\n {description}\n </p>\n )}\n <DrawerNativeClose\n aria-label={effectiveCloseLabel}\n data-size=\"icon\"\n target={id}\n {...slotProps?.close}\n />\n </div>\n {children === null \|\| children === undefined ? null : (\n <div data-part=\"body\" data-uiify-drawer=\"\" {...slotProps?.body}>\n {children}\n </div>\n )}\n {footer === null \|\| footer === undefined ? null : (\n <div data-part=\"footer\" data-uiify-drawer=\"\" {...slotProps?.footer}>\n {footer}\n </div>\n )}\n </DrawerNativeContent>\n </div>\n );\n}\nDrawerPanel.displayName = \"DrawerPanel\";\n"],"mappings":"AAkCI,cA+CI,YA/CJ;AAjCJ,SAAS,2BAA2B;AAEpC,MAAM,wBAAwB,EAAE,OAAO,QAAQ;AACxC,SAAS,oBAAoB,EAAE,QAAQ,GAAG,MAAM,GAA2C;AAChG,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,KAAK;AAAA,EACjB;AACF;AACO,SAAS,kBAAkB,EAAE,QAAQ,GAAG,MAAM,GAA2C;AAC9F,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,MAAM,SAAS,QAAQ;AAAA,EACnC;AACF;AACO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAA2C;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,aAAW;AAAA,MACX,aAAW;AAAA,MACX,iBAAe;AAAA,MACf,aAAU;AAAA,MACV,qBAAkB;AAAA,MACjB,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,oBAAoB,cAAc;AAC3B,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA8B;AAC5B,QAAM,sBAAsB,cAAc,QAAQ,SAAS,sBAAsB;AACjF,SACE,qBAAC,SAAI,aAAU,QAAO,aAAW,MAAM,qBAAkB,IAAI,GAAG,WAC9D;AAAA,wBAAC,uBAAoB,QAAQ,IAAK,GAAG,WAAW,SAC7C,mBACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,oBACE,gBAAgB,QAAQ,gBAAgB,SAAY,SAAY,GAAG,EAAE;AAAA,QAEvE,mBAAiB,GAAG,EAAE;AAAA,QACtB;AAAA,QACA;AAAA,QACC,GAAI,OAAO,EAAE,KAAK,IAAI,CAAC;AAAA,QACvB,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;AAAA,QAC7B,GAAI,WAAW,EAAE,SAAS,IAAI,CAAC;AAAA,QAC/B,GAAG,WAAW;AAAA,QAEf;AAAA,8BAAC,SAAI,aAAU,WAAU,qBAAkB,IAAG,eAAY,QAAQ,GAAG,WAAW,SAAS;AAAA,UACzF,qBAAC,SAAI,aAAU,UAAS,qBAAkB,IAAI,GAAG,WAAW,QAC1D;AAAA,gCAAC,QAAG,aAAU,SAAQ,IAAI,GAAG,EAAE,UAAU,qBAAkB,IAAI,GAAG,WAAW,OAC1E,iBACH;AAAA,YACC,gBAAgB,QAAQ,gBAAgB,SAAY,OACnD;AAAA,cAAC;AAAA;AAAA,gBACC,aAAU;AAAA,gBACV,IAAI,GAAG,EAAE;AAAA,gBACT,qBAAkB;AAAA,gBACjB,GAAG,WAAW;AAAA,gBAEd;AAAA;AAAA,YACH;AAAA,YAEF;AAAA,cAAC;AAAA;AAAA,gBACC,cAAY;AAAA,gBACZ,aAAU;AAAA,gBACV,QAAQ;AAAA,gBACP,GAAG,WAAW;AAAA;AAAA,YACjB;AAAA,aACF;AAAA,UACC,aAAa,QAAQ,aAAa,SAAY,OAC7C,oBAAC,SAAI,aAAU,QAAO,qBAAkB,IAAI,GAAG,WAAW,MACvD,UACH;AAAA,UAED,WAAW,QAAQ,WAAW,SAAY,OACzC,oBAAC,SAAI,aAAU,UAAS,qBAAkB,IAAI,GAAG,WAAW,QACzD,kBACH;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ;AACA,YAAY,cAAc;","names":[]}

package/dist/components/drawer/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerHandle, DrawerRoot, DrawerTitle, DrawerTrigger, } from "./Drawer.js";
 export { DrawerPanel, DrawerNativeTrigger, DrawerNativeClose, DrawerNativeContent, } from "./DrawerNative.js";
 export type { DrawerCloseOwnProps, DrawerCloseProps, DrawerContentOwnProps, DrawerContentProps, DrawerDescriptionOwnProps, DrawerHandleOwnProps, DrawerRootOwnProps, DrawerRootProps, DrawerTitleOwnProps, DrawerTriggerOwnProps, DrawerTriggerProps, } from "./types.js";
-export type { DrawerProps, DrawerLabels, DrawerSide, DrawerAppearanceProps, DrawerNativeContentProps, DrawerNativeInvokerProps, } from "./types.js";
+export type { DrawerProps, DrawerLabels, DrawerSide, DrawerAppearanceProps, DrawerNativeContentProps, DrawerNativeInvokerProps, DrawerOwnProps, DrawerSlotProps, } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/drawer/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,WAAW,EACX,aAAa,GACd,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,EACrB,kBAAkB,EAClB,yBAAyB,EACzB,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,WAAW,EACX,YAAY,EACZ,UAAU,EACV,qBAAqB,EACrB,wBAAwB,EACxB,wBAAwB,~~GACzB~~,MAAM,YAAY,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,WAAW,EACX,aAAa,GACd,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,EACrB,kBAAkB,EAClB,yBAAyB,EACzB,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,WAAW,EACX,YAAY,EACZ,UAAU,EACV,qBAAqB,EACrB,wBAAwB,EACxB,wBAAwB,EACxB,cAAc,EACd,eAAe,GAChB,MAAM,YAAY,CAAC"}

package/dist/components/drawer/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/drawer/index.ts"],"sourcesContent":["export {\n Drawer,\n DrawerClose,\n DrawerContent,\n DrawerDescription,\n DrawerHandle,\n DrawerRoot,\n DrawerTitle,\n DrawerTrigger,\n} from \"./Drawer.js\";\nexport {\n DrawerPanel,\n DrawerNativeTrigger,\n DrawerNativeClose,\n DrawerNativeContent,\n} from \"./DrawerNative.js\";\nexport type {\n DrawerCloseOwnProps,\n DrawerCloseProps,\n DrawerContentOwnProps,\n DrawerContentProps,\n DrawerDescriptionOwnProps,\n DrawerHandleOwnProps,\n DrawerRootOwnProps,\n DrawerRootProps,\n DrawerTitleOwnProps,\n DrawerTriggerOwnProps,\n DrawerTriggerProps,\n} from \"./types.js\";\nexport type {\n DrawerProps,\n DrawerLabels,\n DrawerSide,\n DrawerAppearanceProps,\n DrawerNativeContentProps,\n DrawerNativeInvokerProps,\n} from \"./types.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
1	+ {"version":3,"sources":["../../../src/components/drawer/index.ts"],"sourcesContent":["export {\n Drawer,\n DrawerClose,\n DrawerContent,\n DrawerDescription,\n DrawerHandle,\n DrawerRoot,\n DrawerTitle,\n DrawerTrigger,\n} from \"./Drawer.js\";\nexport {\n DrawerPanel,\n DrawerNativeTrigger,\n DrawerNativeClose,\n DrawerNativeContent,\n} from \"./DrawerNative.js\";\nexport type {\n DrawerCloseOwnProps,\n DrawerCloseProps,\n DrawerContentOwnProps,\n DrawerContentProps,\n DrawerDescriptionOwnProps,\n DrawerHandleOwnProps,\n DrawerRootOwnProps,\n DrawerRootProps,\n DrawerTitleOwnProps,\n DrawerTriggerOwnProps,\n DrawerTriggerProps,\n} from \"./types.js\";\nexport type {\n DrawerProps,\n DrawerLabels,\n DrawerSide,\n DrawerAppearanceProps,\n DrawerNativeContentProps,\n DrawerNativeInvokerProps,\n DrawerOwnProps,\n DrawerSlotProps,\n} from \"./types.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/components/drawer/types.d.ts CHANGED Viewed

@@ -1,12 +1,14 @@
 import type { ComponentPropsWithRef, CSSProperties, MouseEvent, PointerEvent, ReactNode, Ref, RefObject } from "react";
 import type { DialogChangeHandler, UseDialogReturn } from "@gunkin/uiify/core/dialog";
+import type { NativeButtonProps } from "@gunkin/uiify/core/render";
+import type { ConsumerDataAttributes, SlotProps } from "../../core/slot-props.js";
 export type DrawerSide = "top" | "right" | "bottom" | "left";
 export interface DrawerAppearanceProps {
     readonly size?: "sm" | "md" | "lg" | "full";
     readonly dismiss?: "any" | "closerequest" | "none";
     readonly backdrop?: "opaque" | "transparent";
 }
-export interface DrawerProps extends DrawerAppearanceProps {
+export interface DrawerOwnProps extends DrawerAppearanceProps {
     readonly id: string;
     readonly trigger: ReactNode;
     readonly title: ReactNode;
@@ -16,18 +18,35 @@ export interface DrawerProps extends DrawerAppearanceProps {
     readonly labels?: Partial<DrawerLabels>;
     readonly footer?: ReactNode;
     readonly side?: DrawerSide;
-    readonly className?: string;
-}
+    /** Native props for generated inner nodes; DrawerPanel's root takes props directly. */
+    readonly slotProps?: DrawerSlotProps;
+}
+type DrawerInvokerSlotProps = Omit<SlotProps<"button">, "popoverTarget" | "popoverTargetAction"> & {
+    readonly command?: string | undefined;
+    readonly commandfor?: string | undefined;
+};
+export interface DrawerSlotProps {
+    readonly trigger?: DrawerInvokerSlotProps;
+    readonly content?: Omit<SlotProps<"dialog">, "id" | "open" | "popover">;
+    readonly grabber?: SlotProps<"div">;
+    readonly header?: SlotProps<"div">;
+    readonly title?: SlotProps<"h2">;
+    readonly description?: SlotProps<"p">;
+    readonly close?: DrawerInvokerSlotProps;
+    readonly body?: SlotProps<"div">;
+    readonly footer?: SlotProps<"div">;
+}
+export type DrawerProps = DrawerOwnProps & Omit<SlotProps<"div">, keyof DrawerOwnProps>;
 export interface DrawerLabels {
     readonly close: string;
 }
-export interface DrawerNativeContentProps extends Omit<ComponentPropsWithRef<"dialog">, "open" | "popover" | "closedby">, DrawerAppearanceProps {
+export interface DrawerNativeContentProps extends Omit<ComponentPropsWithRef<"dialog">, "open" | "popover" | "dangerouslySetInnerHTML">, DrawerAppearanceProps, ConsumerDataAttributes {
     readonly id: string;
     readonly side?: DrawerSide;
 }
-export interface DrawerNativeInvokerProps extends Omit<ComponentPropsWithRef<"button">, "command" | "commandFor"> {
+export type DrawerNativeInvokerProps = NativeButtonProps<"button", {
     readonly target: string;
-}
+}> & ConsumerDataAttributes;
 export interface DrawerStoreOptions {
     readonly activeSnapPoint?: number;
     readonly defaultActiveSnapPoint?: number;
@@ -89,7 +108,7 @@ export interface DrawerTriggerOwnProps {
     readonly children?: ReactNode;
     readonly className?: string;
 }
-export interface DrawerTriggerProps extends DrawerTriggerOwnProps, Omit<ComponentPropsWithRef<"button">, "type" | keyof DrawerTriggerOwnProps> {
+export interface DrawerTriggerProps extends DrawerTriggerOwnProps, Omit<ComponentPropsWithRef<"button">, keyof DrawerTriggerOwnProps> {
     readonly onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
     readonly ref?: Ref<HTMLButtonElement>;
 }
@@ -98,16 +117,16 @@ export interface DrawerContentOwnProps extends DrawerAppearanceProps {
     readonly className?: string;
     readonly style?: CSSProperties;
 }
-export interface DrawerContentProps extends DrawerContentOwnProps, Omit<ComponentPropsWithRef<"dialog">, "id" | "open" | "closedby" | keyof DrawerContentOwnProps> {
+export interface DrawerContentProps extends DrawerContentOwnProps, Omit<ComponentPropsWithRef<"dialog">, "open" | keyof DrawerContentOwnProps> {
     readonly onCancel?: DrawerContextValue["dialogProps"]["onCancel"];
     readonly onClose?: DrawerContextValue["dialogProps"]["onClose"];
     readonly ref?: Ref<HTMLDialogElement>;
 }
-export interface DrawerTitleOwnProps extends Omit<ComponentPropsWithRef<"h2">, "id"> {
+export interface DrawerTitleOwnProps extends ComponentPropsWithRef<"h2"> {
     readonly children?: ReactNode;
     readonly className?: string;
 }
-export interface DrawerDescriptionOwnProps extends Omit<ComponentPropsWithRef<"p">, "id"> {
+export interface DrawerDescriptionOwnProps extends ComponentPropsWithRef<"p"> {
     readonly children?: ReactNode;
     readonly className?: string;
 }
@@ -115,7 +134,7 @@ export interface DrawerCloseOwnProps {
     readonly children?: ReactNode;
     readonly className?: string;
 }
-export interface DrawerCloseProps extends DrawerCloseOwnProps, Omit<ComponentPropsWithRef<"button">, "type" | keyof DrawerCloseOwnProps> {
+export interface DrawerCloseProps extends DrawerCloseOwnProps, Omit<ComponentPropsWithRef<"button">, keyof DrawerCloseOwnProps> {
     readonly onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
 }
 export interface DrawerHandleOwnProps extends ComponentPropsWithRef<"div"> {
@@ -125,4 +144,5 @@ export interface DrawerHandleOwnProps extends ComponentPropsWithRef<"div"> {
     readonly onPointerMove?: (event: PointerEvent<HTMLDivElement>) => void;
     readonly onPointerUp?: (event: PointerEvent<HTMLDivElement>) => void;
 }
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/drawer/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,SAAS,EACT,GAAG,EACH,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;~~AAEtF~~,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE7D,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC5C,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,GAAG,cAAc,GAAG,MAAM,CAAC;IACnD,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;CAC9C;AACD,MAAM,WAAW,~~WAAY~~,SAAQ,qBAAqB;~~IACxD~~,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACxC,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;~~CAC7B~~;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,wBACf,SACE,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,~~UAAU~~,CAAC,~~EACtE~~,qBAAqB;~~IACvB~~,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;CAC5B;~~AACD~~,MAAM,~~WAAW~~,~~wBAAyB~~,~~SAAQ~~,~~IAAI~~,~~CACpD,qBAAqB,~~CAAC,QAAQ,~~CAAC,EAC/B,SAAS,GAAG,YAAY,CACzB~~;~~IACC~~,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;~~CACzB;AAED~~,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IACzC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CACzC;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,kBAAkB,EAAE,MAAM,MAAM,CAAC;IAC1C,QAAQ,CAAC,aAAa,EAAE,MAAM,MAAM,CAAC;IACrC,QAAQ,CAAC,YAAY,EAAE,MAAM,MAAM,CAAC;IACpC,QAAQ,CAAC,UAAU,EAAE,MAAM,OAAO,CAAC;IACnC,QAAQ,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;IACzD,QAAQ,CAAC,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtD;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3C,QAAQ,CAAC,WAAW,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IACrD,QAAQ,CAAC,SAAS,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACjD,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,mBAAmB,EAAE,OAAO,CAAC;IACtC,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,UAAU,EAAE,MAAM,IAAI,CAAC;IAChC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,UAAU,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CAC1D;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IACvC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IACzC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,YAAY,CAAC,EAAE,mBAAmB,CAAC;IAC5C,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CACzC;AAED,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,kBACf,SACE,qBAAqB,EACrB,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,~~GAAG,MAAM,~~qBAAqB,CAAC;~~IAC7E~~,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAClE,QAAQ,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACvC;AAED,MAAM,WAAW,qBAAsB,SAAQ,qBAAqB;IAClE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC;CAChC;AAED,MAAM,WAAW,kBACf,SACE,qBAAqB,EACrB,IAAI,~~CACF~~,qBAAqB,CAAC,QAAQ,CAAC,~~EAC/B~~,~~IAAI,GAAG,~~MAAM,GAAG,~~UAAU,GAAG,~~MAAM,qBAAqB,~~CACzD~~;~~IACH~~,QAAQ,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;IAClE,QAAQ,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC;IAChE,QAAQ,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACvC;AAED,MAAM,WAAW,mBAAoB,SAAQ,~~IAAI,CAAC,~~qBAAqB,CAAC,IAAI,CAAC~~,EAAE,IAAI,CAAC~~;~~IAClF~~,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,yBAA0B,SAAQ,~~IAAI,CAAC,~~qBAAqB,CAAC,GAAG,CAAC~~,EAAE,IAAI,CAAC~~;~~IACvF~~,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,gBACf,~~SACE~~,mBAAmB,~~EACnB~~,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,~~GAAG,MAAM,~~mBAAmB,CAAC;~~IAC3E~~,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACnE;AAED,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACxE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACzE,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACvE,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACvE,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACtE"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/types.ts"],"names":[],"mappings":"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"}

package/dist/components/dropdown-menu/DropdownMenu.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/DropdownMenu.tsx"],"names":[],"mappings":"~~AAGA~~,OAAO,KAAK,EACV,WAAW,EAIX,YAAY,EAGb,MAAM,OAAO,CAAC;~~AAiBf~~,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,EAEV,6BAA6B,EAC7B,wBAAwB,EAExB,sBAAsB,EACtB,gCAAgC,EAChC,yBAAyB,EACzB,8BAA8B,EAC9B,qBAAqB,EACrB,yBAAyB,EACzB,sBAAsB,EAGtB,2BAA2B,EAC3B,0BAA0B,EAC1B,qBAAqB,EACrB,0BAA0B,EAC1B,yBAAyB,EACzB,2BAA2B,EAC3B,oBAAoB,EACpB,2BAA2B,EAC3B,wBAAwB,EACzB,MAAM,YAAY,CAAC;~~AAEpB~~,YAAY,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;~~AAYlD~~,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,GAAG,IAAI,~~CAwDlF~~;~~yBAxDe~~,gBAAgB;;;AA0DhC,wBAAgB,mBAAmB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACpE,KAAK,EAAE,wBAAwB,CAAC,GAAG,CAAC,GACnC,YAAY,GAAG,IAAI,~~CAsFrB~~;~~yBAxFe~~,mBAAmB;;;~~AA0FnC~~,wBAAgB,mBAAmB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACjE,KAAK,EAAE,wBAAwB,CAAC,GAAG,CAAC,GACnC,YAAY,GAAG,IAAI,~~CAiFrB~~;~~yBAnFe~~,mBAAmB;;;~~AA8LnC~~,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC9D,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,GAAG,IAAI,CAErB;yBAJe,gBAAgB;;;~~AAehC~~,wBAAgB,wBAAwB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACtE,KAAK,EAAE,6BAA6B,CAAC,GAAG,CAAC,GACxC,YAAY,GAAG,IAAI,CAsBrB;yBAxBe,wBAAwB;;;~~AAkCxC~~,wBAAgB,sBAAsB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACpE,KAAK,EAAE,2BAA2B,CAAC,GAAG,CAAC,GACtC,YAAY,GAAG,IAAI,CAgCrB;yBAlCe,sBAAsB;;;AAmCtC,wBAAgB,qBAAqB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACnE,KAAK,EAAE,0BAA0B,CAAC,GAAG,CAAC,GACrC,YAAY,GAAG,IAAI,CAgBrB;yBAlBe,qBAAqB;;;~~AAmCrC~~,eAAO,MAAM,oBAAoB;KAAI,GAAG,SAAS,WAAW,cACvD,yBAAyB,CAAC,GAAG,CAAC;;CACoB,CAAC;AACxD,eAAO,MAAM,oBAAoB;KAAI,GAAG,SAAS,WAAW,cACvD,yBAAyB,CAAC,GAAG,CAAC;;CACoB,CAAC;AACxD,eAAO,MAAM,2BAA2B;KAAI,GAAG,SAAS,WAAW,cAC9D,gCAAgC,CAAC,GAAG,CAAC;;CACoB,CAAC;AAC/D,eAAO,MAAM,oBAAoB;KAAI,GAAG,SAAS,WAAW,cACvD,yBAAyB,CAAC,GAAG,CAAC;;CACkB,CAAC;AACtD,wBAAgB,yBAAyB,CAAC,GAAG,SAAS,WAAW,GAAG,MAAM,EACxE,CAAC,EAAE,8BAA8B,CAAC,GAAG,CAAC,GACrC,YAAY,GAAG,IAAI,CAYrB;yBAde,yBAAyB;;;AAezC,wBAAgB,iBAAiB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC/D,CAAC,EAAE,sBAAsB,CAAC,GAAG,CAAC,GAC7B,YAAY,GAAG,IAAI,CAErB;yBAJe,iBAAiB;;;AAKjC,wBAAgB,iBAAiB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC/D,CAAC,EAAE,sBAAsB,CAAC,GAAG,CAAC,GAC7B,YAAY,GAAG,IAAI,CAErB;yBAJe,iBAAiB;;;AAKjC,wBAAgB,qBAAqB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACnE,CAAC,EAAE,0BAA0B,CAAC,GAAG,CAAC,GACjC,YAAY,GAAG,IAAI,CAErB;yBAJe,qBAAqB;;;~~AAiBrC~~,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,GAAG,IAAI,CAgChF;yBAhCe,eAAe;;;AAiC/B,wBAAgB,sBAAsB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACvE,KAAK,EAAE,2BAA2B,CAAC,GAAG,CAAC,GACtC,YAAY,GAAG,IAAI,~~CAkFrB~~;~~yBApFe~~,sBAAsB;;;~~AAqFtC~~,wBAAgB,sBAAsB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACpE,KAAK,EAAE,2BAA2B,CAAC,GAAG,CAAC,GACtC,YAAY,GAAG,IAAI,~~CA2DrB~~;~~yBA7De~~,sBAAsB;;;~~AAoFtC~~,eAAO,MAAM,YAAY;;;;;;;;;~~SAhQY~~,GAAG,SAAS,WAAW,cACvD,yBAAyB,CAAC,GAAG,CAAC;;;;SAEE,GAAG,SAAS,WAAW,cACvD,yBAAyB,CAAC,GAAG,CAAC;;;;SAES,GAAG,SAAS,WAAW,cAC9D,gCAAgC,CAAC,GAAG,CAAC;;;;SAEL,GAAG,SAAS,WAAW,cACvD,yBAAyB,CAAC,GAAG,CAAC;;;;;;;;;;;~~CA0QlC~~,CAAC"}
1	+ {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/DropdownMenu.tsx"],"names":[],"mappings":"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"}

package/dist/components/dropdown-menu/DropdownMenu.js CHANGED Viewed

@@ -30,12 +30,15 @@ function DropdownMenuRoot(props) {
     defaultOpen,
     dir: localDir,
     disabled = false,
+    id,
     loop = true,
     onOpenChange,
-    open
+    open,
+    ...rootProps
   } = props;
   const dir = useDirectionOverride(localDir);
   const surface = useMenuSurface({
+    ...id !== void 0 ? { id } : {},
     mode: "auto",
     ...defaultOpen !== void 0 ? { defaultOpen } : {},
     ...open !== void 0 ? { open } : {},
@@ -67,7 +70,7 @@ function DropdownMenuRoot(props) {
     }),
     [cancelHoverClose, surface, dir, disabled, loop, scheduleHoverClose]
   );
-  return /* @__PURE__ */ jsx("div", { className, "data-uiify-menu": "", children: /* @__PURE__ */ jsx(DropdownMenuProvider, { value, children }) });
+  return /* @__PURE__ */ jsx("div", { "data-uiify-menu": "", ...rootProps, className, children: /* @__PURE__ */ jsx(DropdownMenuProvider, { value, children }) });
 }
 function DropdownMenuTrigger(props) {
   const {
@@ -127,10 +130,8 @@ function DropdownMenuTrigger(props) {
     defaultTag: "button",
     render,
     props: {
-      ...withoutRef,
       ...triggerProps,
       ...anchorProps,
-      ref: mergedRef,
       ...nativeButton ? { "data-uiify-button": "" } : {},
       "aria-haspopup": "menu",
       "data-part": "trigger",
@@ -139,6 +140,8 @@ function DropdownMenuTrigger(props) {
       disabled: nativeButton && disabled ? true : void 0,
       ...nativeButton && !triggerProps.type ? { type: "button" } : {},
       ...className ? { className } : {},
+      ...withoutRef,
+      ref: mergedRef,
       onClick: disabled ? consumerOnClick : composeEventHandlers(consumerOnClick, internalOnClick),
       onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),
       ...openOnHover && !disabled ? {
@@ -188,16 +191,16 @@ function DropdownMenuContent(props) {
     }
   };
   const contentProps = {
-    ...withoutRef,
     ...popupProps,
     ...positionerProps,
-    ref: mergedRef,
     role: "menu",
     "data-part": "content",
     "data-align": align,
     "data-side": side,
     "data-state": open ? "open" : "closed",
     ...className ? { className } : {},
+    ...withoutRef,
+    ref: mergedRef,
     onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),
     ...hoverEnabledRef.current ? {
       onPointerEnter: composeEventHandlers(consumerOnPointerEnter, cancelHoverClose),
@@ -279,12 +282,12 @@ function MenuItem(props) {
     ...onStateChange ? { onStateChange } : {}
   });
   const itemProps = {
-    ...consumerProps,
     role: roleName,
     "aria-checked": checked,
     "data-part": roleName === "menuitem" ? "item" : roleName.replace("menuitem", "") + "-item",
     "data-state": state,
     ...className ? { className } : {},
+    ...consumerProps,
     onClick: composeEventHandlers(consumerOnClick, activation.select),
     onKeyDown: composeEventHandlers(consumerOnKeyDown, activation.keyDown),
     children
@@ -310,7 +313,7 @@ function MenuItem(props) {
   );
 }
 function DropdownMenuItem(props) {
-  return /* @__PURE__ */ jsx(MenuItem, { ...props, roleName: "menuitem", defaultClose: true });
+  return /* @__PURE__ */ jsx(MenuItem, { roleName: "menuitem", defaultClose: true, ...props });
 }
 const [SelectionProvider, useSelectionContext] = createPartContext(
   "DropdownMenu",
@@ -365,7 +368,7 @@ function DropdownMenuRadioGroup(props) {
     as,
     defaultTag: "div",
     render,
-    props: { ...consumerProps, role: "group", "data-part": "radio-group", children },
+    props: { role: "group", "data-part": "radio-group", ...consumerProps, children },
     state: { value }
   }) });
 }
@@ -395,7 +398,7 @@ function Part({
     as,
     defaultTag,
     render,
-    props: { ...consumerProps, "data-part": part, ...className ? { className } : {}, children },
+    props: { "data-part": part, ...className ? { className } : {}, ...consumerProps, children },
     state: {}
   });
 }
@@ -408,10 +411,10 @@ function DropdownMenuItemIndicator(p) {
   return /* @__PURE__ */ jsx(
     Part,
     {
-      ...p,
       part: "item-indicator",
       defaultTag: "span",
-      "data-state": s.checked === "indeterminate" ? "indeterminate" : s.checked ? "checked" : "unchecked"
+      "data-state": s.checked === "indeterminate" ? "indeterminate" : s.checked ? "checked" : "unchecked",
+      ...p
     }
   );
 }
@@ -467,7 +470,8 @@ function DropdownMenuSubTrigger(props) {
   const sub = useSubContext("SubTrigger");
   const root = useDropdownMenuContext("SubTrigger");
   const { clickedRef } = sub;
-  const { onClick, onKeyDown, onPointerEnter, ...withoutEvents } = consumerProps;
+  const [consumerRef, withoutRef] = splitRef(consumerProps);
+  const { onClick, onKeyDown, onPointerEnter, onPointerLeave, ...withoutEvents } = withoutRef;
   const handleKeyDown = (event) => {
     const rtl = resolveDirection(event.currentTarget, root.dir) === "rtl";
     const openKey = rtl ? "ArrowLeft" : "ArrowRight";
@@ -499,20 +503,20 @@ function DropdownMenuSubTrigger(props) {
     }
   };
   const triggerProps = {
-    ...withoutEvents,
     ...sub.popover.triggerProps,
     ...sub.anchor.anchorProps,
     command: "show-popover",
-    ref: sub.triggerRef,
     role: "menuitem",
     "aria-haspopup": "menu",
     "aria-expanded": sub.open,
     "data-part": "sub-trigger",
     "data-state": sub.open ? "open" : "closed",
+    ...withoutEvents,
+    ref: useMergedRefs(sub.triggerRef, consumerRef),
     onClick: composeEventHandlers(onClick, handleClick),
     onKeyDown: composeEventHandlers(onKeyDown, handleKeyDown),
     onPointerEnter: composeEventHandlers(onPointerEnter, handlePointerEnter),
-    onPointerLeave: handlePointerLeave,
+    onPointerLeave: composeEventHandlers(onPointerLeave, handlePointerLeave),
     children
   };
   if (render)
@@ -545,6 +549,8 @@ function DropdownMenuSubContent(props) {
     ...consumerProps
   } = props;
   const sub = useSubContext("SubContent");
+  const [consumerRef, domProps] = splitRef(consumerProps);
+  const { onKeyDown: consumerOnKeyDown, onPointerLeave: consumerOnPointerLeave } = consumerProps;
   const root = useDropdownMenuContext("SubContent");
   const handleKeyDown = (event) => {
     const closeKey = resolveDirection(event.currentTarget, root.dir) === "rtl" ? "ArrowRight" : "ArrowLeft";
@@ -555,23 +561,26 @@ function DropdownMenuSubContent(props) {
     }
   };
   const contentProps = {
-    ...consumerProps,
     ...sub.popover.popupProps,
     ...sub.anchor.positionerProps,
-    ref: useMergedRefs(sub.popover.popupRef, sub.contentRef),
     role: "menu",
     "data-part": "sub-content",
     "data-state": sub.open ? "open" : "closed",
     "data-side": side ?? sub.resolvedSide,
     "data-align": align,
-    onKeyDown: handleKeyDown,
-    onPointerLeave: (event) => {
-      if (sub.clickedRef.current) return;
-      const nextTarget = event.relatedTarget;
-      if (!(nextTarget instanceof Node) || !sub.triggerRef.current?.contains(nextTarget)) {
-        sub.popover.close();
+    ...domProps,
+    ref: useMergedRefs(sub.popover.popupRef, sub.contentRef, consumerRef),
+    onKeyDown: composeEventHandlers(consumerOnKeyDown, handleKeyDown),
+    onPointerLeave: composeEventHandlers(
+      consumerOnPointerLeave,
+      (event) => {
+        if (sub.clickedRef.current) return;
+        const nextTarget = event.relatedTarget;
+        if (!(nextTarget instanceof Node) || !sub.triggerRef.current?.contains(nextTarget)) {
+          sub.popover.close();
+        }
       }
-    },
+    ),
     children
   };
   if (render)