@basic-ui/core 0.0.59 → 0.0.61

package/build/esm/Menu/scope.d.ts

@@ -1,2 +1,3 @@
+export declare const MENU_SUBMENU_TRIGGER_ATTR = "data-menu-submenu-trigger";
 export declare function queryScope(type: string, props: Record<string, unknown>): boolean;
 //# sourceMappingURL=scope.d.ts.map

package/build/esm/Menu/scope.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scope.d.ts","sourceRoot":"","sources":["../../../src/Menu/scope.ts"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,WAMtE"}
+{"version":3,"file":"scope.d.ts","sourceRoot":"","sources":["../../../src/Menu/scope.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,8BAA8B,CAAC;AAErE,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,WAOtE"}

package/build/esm/Menu/scope.js

@@ -1,4 +1,5 @@
+export const MENU_SUBMENU_TRIGGER_ATTR = 'data-menu-submenu-trigger';
 export function queryScope(type, props) {
-  return props['data-menu-item'] === '' && props['data-disabled'] !== '' && props['data-disabled'] !== true;
+  return (props['data-menu-item'] === '' || props[MENU_SUBMENU_TRIGGER_ATTR] === '') && props['data-disabled'] !== '' && props['data-disabled'] !== true;
 }
 //# sourceMappingURL=scope.js.map

package/build/esm/Menu/scope.js.map

@@ -1 +1 @@
-{"version":3,"file":"scope.js","names":["queryScope","type","props"],"sources":["../../../src/Menu/scope.ts"],"sourcesContent":["export function queryScope(type: string, props: Record<string, unknown>) {\n  return (\n    props['data-menu-item'] === '' &&\n    props['data-disabled'] !== '' &&\n    props['data-disabled'] !== true\n  );\n}\n"],"mappings":"AAAA,OAAO,SAASA,UAAUA,CAACC,IAAY,EAAEC,KAA8B,EAAE;EACvE,OACEA,KAAK,CAAC,gBAAgB,CAAC,KAAK,EAAE,IAC9BA,KAAK,CAAC,eAAe,CAAC,KAAK,EAAE,IAC7BA,KAAK,CAAC,eAAe,CAAC,KAAK,IAAI;AAEnC","ignoreList":[]}
+{"version":3,"file":"scope.js","names":["MENU_SUBMENU_TRIGGER_ATTR","queryScope","type","props"],"sources":["../../../src/Menu/scope.ts"],"sourcesContent":["export const MENU_SUBMENU_TRIGGER_ATTR = 'data-menu-submenu-trigger';\n\nexport function queryScope(type: string, props: Record<string, unknown>) {\n  return (\n    (props['data-menu-item'] === '' ||\n      props[MENU_SUBMENU_TRIGGER_ATTR] === '') &&\n    props['data-disabled'] !== '' &&\n    props['data-disabled'] !== true\n  );\n}\n"],"mappings":"AAAA,OAAO,MAAMA,yBAAyB,GAAG,2BAA2B;AAEpE,OAAO,SAASC,UAAUA,CAACC,IAAY,EAAEC,KAA8B,EAAE;EACvE,OACE,CAACA,KAAK,CAAC,gBAAgB,CAAC,KAAK,EAAE,IAC7BA,KAAK,CAACH,yBAAyB,CAAC,KAAK,EAAE,KACzCG,KAAK,CAAC,eAAe,CAAC,KAAK,EAAE,IAC7BA,KAAK,CAAC,eAAe,CAAC,KAAK,IAAI;AAEnC","ignoreList":[]}

package/build/esm/MenuBar/MenuBar.d.ts

@@ -0,0 +1,11 @@
+import type { ElementType, HTMLAttributes } from 'react';
+import type { MenuBarOrientation } from './context';
+export interface MenuBarProps extends HTMLAttributes<HTMLDivElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    disabled?: boolean;
+    loopFocus?: boolean;
+    orientation?: MenuBarOrientation;
+}
+export declare const MenuBar: import("react").ForwardRefExoticComponent<MenuBarProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=MenuBar.d.ts.map

package/build/esm/MenuBar/MenuBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuBar.d.ts","sourceRoot":"","sources":["../../../src/MenuBar/MenuBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,KAAK,EAEV,kBAAkB,EAEnB,MAAM,WAAW,CAAC;AAGnB,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,EAAE,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,kBAAkB,CAAC;CAClC;AAQD,eAAO,MAAM,OAAO,yGAmNnB,CAAC"}

package/build/esm/MenuBar/MenuBar.js

@@ -0,0 +1,153 @@
+import { forwardRef, useCallback, useMemo, useRef, useState } from 'react';
+import { MenuBarProvider } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MenuBar = /*#__PURE__*/forwardRef(function MenuBar(props, forwardedRef) {
+  const {
+    as: Comp = 'div',
+    innerAs,
+    disabled = false,
+    loopFocus = true,
+    orientation = 'horizontal',
+    ...otherProps
+  } = props;
+  const menusRef = useRef(new Map());
+  const buttonsRef = useRef(new Map());
+  const [activeMenuId, setActiveMenuId] = useState(null);
+  const [openMenuIdState, setOpenMenuIdState] = useState(null);
+  const getEnabledButtons = useCallback(() => {
+    if (disabled) {
+      return [];
+    }
+    return Array.from(buttonsRef.current.values()).filter(button => !button.disabled && button.element.isConnected);
+  }, [disabled]);
+  const syncActiveMenuId = useCallback(() => {
+    setActiveMenuId(currentId => {
+      const current = currentId ? buttonsRef.current.get(currentId) : null;
+      if (current && !current.disabled && current.element.isConnected) {
+        return currentId;
+      }
+      return getEnabledButtons()[0]?.id ?? null;
+    });
+  }, [getEnabledButtons]);
+  const registerButton = useCallback((id, element, buttonDisabled) => {
+    if (element) {
+      buttonsRef.current.set(id, {
+        id,
+        element,
+        disabled: buttonDisabled
+      });
+    } else {
+      buttonsRef.current.delete(id);
+    }
+    syncActiveMenuId();
+  }, [syncActiveMenuId]);
+  const registerMenu = useCallback(menu => {
+    menusRef.current.set(menu.id, menu);
+    return () => {
+      menusRef.current.delete(menu.id);
+    };
+  }, []);
+  const notifyMenuOpenChange = useCallback((id, isOpen) => {
+    setOpenMenuIdState(currentId => {
+      if (isOpen) {
+        return id;
+      }
+      return currentId === id ? null : currentId;
+    });
+  }, []);
+  const focusMenu = useCallback(id => {
+    const button = buttonsRef.current.get(id);
+    if (!button || button.disabled) {
+      return;
+    }
+    setActiveMenuId(id);
+    button.element.focus({
+      preventScroll: true
+    });
+  }, []);
+  const openMenu = useCallback(function (id, e) {
+    let focusKey = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    if (disabled) {
+      return;
+    }
+    if (openMenuIdState && openMenuIdState !== id) {
+      menusRef.current.get(openMenuIdState)?.onOpenChange(e, false);
+    }
+    const menu = menusRef.current.get(id);
+    if (!menu) {
+      return;
+    }
+    menu.openWithArrowKeyRef.current = focusKey;
+    menu.onOpenChange(e, true);
+    setActiveMenuId(id);
+    setOpenMenuIdState(id);
+  }, [disabled, openMenuIdState]);
+  const closeMenu = useCallback((id, e) => {
+    menusRef.current.get(id)?.onOpenChange(e, false);
+    setOpenMenuIdState(currentId => currentId === id ? null : currentId);
+  }, []);
+  const moveFocus = useCallback((id, delta, e, options) => {
+    const buttons = getEnabledButtons();
+    if (buttons.length === 0) {
+      return;
+    }
+    const currentIndex = Math.max(0, buttons.findIndex(button => button.id === id));
+    let nextIndex = currentIndex + delta;
+    if (loopFocus) {
+      nextIndex = (nextIndex + buttons.length) % buttons.length;
+    } else {
+      nextIndex = Math.max(0, Math.min(nextIndex, buttons.length - 1));
+    }
+    const nextButton = buttons[nextIndex];
+    if (!nextButton || nextButton.id === id) {
+      return;
+    }
+    focusMenu(nextButton.id);
+    if (options?.open) {
+      openMenu(nextButton.id, e, options.focusKey ?? 'ArrowDown');
+    }
+  }, [focusMenu, getEnabledButtons, loopFocus, openMenu]);
+  const focusFirstMenu = useCallback(() => {
+    const firstButton = getEnabledButtons()[0];
+    if (firstButton) {
+      focusMenu(firstButton.id);
+    }
+  }, [focusMenu, getEnabledButtons]);
+  const focusLastMenu = useCallback(() => {
+    const buttons = getEnabledButtons();
+    const lastButton = buttons[buttons.length - 1];
+    if (lastButton) {
+      focusMenu(lastButton.id);
+    }
+  }, [focusMenu, getEnabledButtons]);
+  const value = useMemo(() => ({
+    activeMenuId,
+    disabled,
+    openMenuId: openMenuIdState,
+    orientation,
+    closeMenu,
+    focusFirstMenu,
+    focusLastMenu,
+    moveFocus,
+    notifyMenuOpenChange,
+    openMenu,
+    registerButton,
+    registerMenu,
+    setActiveMenuId
+  }), [activeMenuId, closeMenu, disabled, focusFirstMenu, focusLastMenu, moveFocus, notifyMenuOpenChange, openMenu, openMenuIdState, orientation, registerButton, registerMenu]);
+  return /*#__PURE__*/_jsx(MenuBarProvider, {
+    value: value,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: forwardedRef,
+      as: innerAs,
+      role: "menubar",
+      "aria-orientation": orientation,
+      "data-menubar": "",
+      "data-orientation": orientation,
+      "data-disabled": disabled ? '' : undefined,
+      "data-has-submenu-open": openMenuIdState ? '' : undefined,
+      ...otherProps
+    })
+  });
+});
+//# sourceMappingURL=MenuBar.js.map

package/build/esm/MenuBar/MenuBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuBar.js","names":["forwardRef","useCallback","useMemo","useRef","useState","MenuBarProvider","jsx","_jsx","MenuBar","props","forwardedRef","as","Comp","innerAs","disabled","loopFocus","orientation","otherProps","menusRef","Map","buttonsRef","activeMenuId","setActiveMenuId","openMenuIdState","setOpenMenuIdState","getEnabledButtons","Array","from","current","values","filter","button","element","isConnected","syncActiveMenuId","currentId","get","id","registerButton","buttonDisabled","set","delete","registerMenu","menu","notifyMenuOpenChange","isOpen","focusMenu","focus","preventScroll","openMenu","e","focusKey","arguments","length","undefined","onOpenChange","openWithArrowKeyRef","closeMenu","moveFocus","delta","options","buttons","currentIndex","Math","max","findIndex","nextIndex","min","nextButton","open","focusFirstMenu","firstButton","focusLastMenu","lastButton","value","openMenuId","children","ref","role"],"sources":["../../../src/MenuBar/MenuBar.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes } from 'react';\nimport { forwardRef, useCallback, useMemo, useRef, useState } from 'react';\n\nimport type {\n  MenuBarContextProps,\n  MenuBarOrientation,\n  MenuBarRegisteredMenu,\n} from './context';\nimport { MenuBarProvider } from './context';\n\nexport interface MenuBarProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  disabled?: boolean;\n  loopFocus?: boolean;\n  orientation?: MenuBarOrientation;\n}\n\ntype RegisteredButton = {\n  id: string;\n  element: HTMLElement;\n  disabled: boolean;\n};\n\nexport const MenuBar = forwardRef<HTMLDivElement, MenuBarProps>(\n  function MenuBar(props, forwardedRef) {\n    const {\n      as: Comp = 'div',\n      innerAs,\n      disabled = false,\n      loopFocus = true,\n      orientation = 'horizontal',\n      ...otherProps\n    } = props;\n\n    const menusRef = useRef(new Map<string, MenuBarRegisteredMenu>());\n    const buttonsRef = useRef(new Map<string, RegisteredButton>());\n    const [activeMenuId, setActiveMenuId] = useState<string | null>(null);\n    const [openMenuIdState, setOpenMenuIdState] = useState<string | null>(null);\n\n    const getEnabledButtons = useCallback(() => {\n      if (disabled) {\n        return [];\n      }\n\n      return Array.from(buttonsRef.current.values()).filter(\n        (button) => !button.disabled && button.element.isConnected\n      );\n    }, [disabled]);\n\n    const syncActiveMenuId = useCallback(() => {\n      setActiveMenuId((currentId) => {\n        const current = currentId ? buttonsRef.current.get(currentId) : null;\n        if (current && !current.disabled && current.element.isConnected) {\n          return currentId;\n        }\n\n        return getEnabledButtons()[0]?.id ?? null;\n      });\n    }, [getEnabledButtons]);\n\n    const registerButton = useCallback<MenuBarContextProps['registerButton']>(\n      (id, element, buttonDisabled) => {\n        if (element) {\n          buttonsRef.current.set(id, {\n            id,\n            element,\n            disabled: buttonDisabled,\n          });\n        } else {\n          buttonsRef.current.delete(id);\n        }\n\n        syncActiveMenuId();\n      },\n      [syncActiveMenuId]\n    );\n\n    const registerMenu = useCallback<MenuBarContextProps['registerMenu']>(\n      (menu) => {\n        menusRef.current.set(menu.id, menu);\n\n        return () => {\n          menusRef.current.delete(menu.id);\n        };\n      },\n      []\n    );\n\n    const notifyMenuOpenChange = useCallback<\n      MenuBarContextProps['notifyMenuOpenChange']\n    >((id, isOpen) => {\n      setOpenMenuIdState((currentId) => {\n        if (isOpen) {\n          return id;\n        }\n\n        return currentId === id ? null : currentId;\n      });\n    }, []);\n\n    const focusMenu = useCallback((id: string) => {\n      const button = buttonsRef.current.get(id);\n      if (!button || button.disabled) {\n        return;\n      }\n\n      setActiveMenuId(id);\n      button.element.focus({ preventScroll: true });\n    }, []);\n\n    const openMenu = useCallback<MenuBarContextProps['openMenu']>(\n      (id, e, focusKey = null) => {\n        if (disabled) {\n          return;\n        }\n\n        if (openMenuIdState && openMenuIdState !== id) {\n          menusRef.current.get(openMenuIdState)?.onOpenChange(e, false);\n        }\n\n        const menu = menusRef.current.get(id);\n        if (!menu) {\n          return;\n        }\n\n        menu.openWithArrowKeyRef.current = focusKey;\n        menu.onOpenChange(e, true);\n        setActiveMenuId(id);\n        setOpenMenuIdState(id);\n      },\n      [disabled, openMenuIdState]\n    );\n\n    const closeMenu = useCallback<MenuBarContextProps['closeMenu']>((id, e) => {\n      menusRef.current.get(id)?.onOpenChange(e, false);\n      setOpenMenuIdState((currentId) => (currentId === id ? null : currentId));\n    }, []);\n\n    const moveFocus = useCallback<MenuBarContextProps['moveFocus']>(\n      (id, delta, e, options) => {\n        const buttons = getEnabledButtons();\n        if (buttons.length === 0) {\n          return;\n        }\n\n        const currentIndex = Math.max(\n          0,\n          buttons.findIndex((button) => button.id === id)\n        );\n        let nextIndex = currentIndex + delta;\n\n        if (loopFocus) {\n          nextIndex = (nextIndex + buttons.length) % buttons.length;\n        } else {\n          nextIndex = Math.max(0, Math.min(nextIndex, buttons.length - 1));\n        }\n\n        const nextButton = buttons[nextIndex];\n        if (!nextButton || nextButton.id === id) {\n          return;\n        }\n\n        focusMenu(nextButton.id);\n\n        if (options?.open) {\n          openMenu(nextButton.id, e, options.focusKey ?? 'ArrowDown');\n        }\n      },\n      [focusMenu, getEnabledButtons, loopFocus, openMenu]\n    );\n\n    const focusFirstMenu = useCallback(() => {\n      const firstButton = getEnabledButtons()[0];\n      if (firstButton) {\n        focusMenu(firstButton.id);\n      }\n    }, [focusMenu, getEnabledButtons]);\n\n    const focusLastMenu = useCallback(() => {\n      const buttons = getEnabledButtons();\n      const lastButton = buttons[buttons.length - 1];\n      if (lastButton) {\n        focusMenu(lastButton.id);\n      }\n    }, [focusMenu, getEnabledButtons]);\n\n    const value = useMemo<MenuBarContextProps>(\n      () => ({\n        activeMenuId,\n        disabled,\n        openMenuId: openMenuIdState,\n        orientation,\n        closeMenu,\n        focusFirstMenu,\n        focusLastMenu,\n        moveFocus,\n        notifyMenuOpenChange,\n        openMenu,\n        registerButton,\n        registerMenu,\n        setActiveMenuId,\n      }),\n      [\n        activeMenuId,\n        closeMenu,\n        disabled,\n        focusFirstMenu,\n        focusLastMenu,\n        moveFocus,\n        notifyMenuOpenChange,\n        openMenu,\n        openMenuIdState,\n        orientation,\n        registerButton,\n        registerMenu,\n      ]\n    );\n\n    return (\n      <MenuBarProvider value={value}>\n        <Comp\n          ref={forwardedRef}\n          as={innerAs}\n          role=\"menubar\"\n          aria-orientation={orientation}\n          data-menubar=\"\"\n          data-orientation={orientation}\n          data-disabled={disabled ? '' : undefined}\n          data-has-submenu-open={openMenuIdState ? '' : undefined}\n          {...otherProps}\n        />\n      </MenuBarProvider>\n    );\n  }\n);\n"],"mappings":"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","ignoreList":[]}

package/build/esm/MenuBar/context.d.ts

@@ -0,0 +1,29 @@
+import type { MutableRefObject } from 'react';
+import type { MenuTriggerEvent } from '../Menu/context';
+export type MenuBarOrientation = 'horizontal' | 'vertical';
+export interface MenuBarRegisteredMenu {
+    id: string;
+    openWithArrowKeyRef: MutableRefObject<string | null>;
+    onOpenChange: (e: MenuTriggerEvent, isOpen: boolean) => void;
+}
+export interface MenuBarContextProps {
+    activeMenuId: string | null;
+    disabled: boolean;
+    openMenuId: string | null;
+    orientation: MenuBarOrientation;
+    closeMenu: (id: string, e: MenuTriggerEvent) => void;
+    focusFirstMenu: () => void;
+    focusLastMenu: () => void;
+    moveFocus: (id: string, delta: 1 | -1, e: MenuTriggerEvent, options?: {
+        open?: boolean;
+        focusKey?: 'ArrowUp' | 'ArrowDown' | null;
+    }) => void;
+    notifyMenuOpenChange: (id: string, isOpen: boolean) => void;
+    openMenu: (id: string, e: MenuTriggerEvent, focusKey?: 'ArrowUp' | 'ArrowDown' | null) => void;
+    registerButton: (id: string, element: HTMLElement | null, disabled: boolean) => void;
+    registerMenu: (menu: MenuBarRegisteredMenu) => () => void;
+    setActiveMenuId: (id: string | null) => void;
+}
+export declare const MenuBarProvider: import("react").Provider<MenuBarContextProps | null>;
+export declare const useOptionalMenuBarContext: () => MenuBarContextProps | null;
+//# sourceMappingURL=context.d.ts.map

package/build/esm/MenuBar/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/MenuBar/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB,EAAE,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACrD,YAAY,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9D;AAED,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,kBAAkB,CAAC;IAChC,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,CACT,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,EACb,CAAC,EAAE,gBAAgB,EACnB,OAAO,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,IAAI,CAAA;KAAE,KACpE,IAAI,CAAC;IACV,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5D,QAAQ,EAAE,CACR,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,gBAAgB,EACnB,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,IAAI,KACtC,IAAI,CAAC;IACV,cAAc,EAAE,CACd,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,WAAW,GAAG,IAAI,EAC3B,QAAQ,EAAE,OAAO,KACd,IAAI,CAAC;IACV,YAAY,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,MAAM,IAAI,CAAC;IAC1D,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC9C;AAID,eAAO,MAAkB,eAAe,sDAAmB,CAAC;AAC5D,eAAO,MAAM,yBAAyB,kCAAmC,CAAC"}

package/build/esm/MenuBar/context.js

@@ -0,0 +1,7 @@
+import { createContext, useContext } from 'react';
+const menuBarContext = /*#__PURE__*/createContext(null);
+export const {
+  Provider: MenuBarProvider
+} = menuBarContext;
+export const useOptionalMenuBarContext = () => useContext(menuBarContext);
+//# sourceMappingURL=context.js.map

package/build/esm/MenuBar/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":["createContext","useContext","menuBarContext","Provider","MenuBarProvider","useOptionalMenuBarContext"],"sources":["../../../src/MenuBar/context.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport { createContext, useContext } from 'react';\n\nimport type { MenuTriggerEvent } from '../Menu/context';\n\nexport type MenuBarOrientation = 'horizontal' | 'vertical';\n\nexport interface MenuBarRegisteredMenu {\n  id: string;\n  openWithArrowKeyRef: MutableRefObject<string | null>;\n  onOpenChange: (e: MenuTriggerEvent, isOpen: boolean) => void;\n}\n\nexport interface MenuBarContextProps {\n  activeMenuId: string | null;\n  disabled: boolean;\n  openMenuId: string | null;\n  orientation: MenuBarOrientation;\n  closeMenu: (id: string, e: MenuTriggerEvent) => void;\n  focusFirstMenu: () => void;\n  focusLastMenu: () => void;\n  moveFocus: (\n    id: string,\n    delta: 1 | -1,\n    e: MenuTriggerEvent,\n    options?: { open?: boolean; focusKey?: 'ArrowUp' | 'ArrowDown' | null }\n  ) => void;\n  notifyMenuOpenChange: (id: string, isOpen: boolean) => void;\n  openMenu: (\n    id: string,\n    e: MenuTriggerEvent,\n    focusKey?: 'ArrowUp' | 'ArrowDown' | null\n  ) => void;\n  registerButton: (\n    id: string,\n    element: HTMLElement | null,\n    disabled: boolean\n  ) => void;\n  registerMenu: (menu: MenuBarRegisteredMenu) => () => void;\n  setActiveMenuId: (id: string | null) => void;\n}\n\nconst menuBarContext = createContext<MenuBarContextProps | null>(null);\n\nexport const { Provider: MenuBarProvider } = menuBarContext;\nexport const useOptionalMenuBarContext = () => useContext(menuBarContext);\n"],"mappings":"AACA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAyCjD,MAAMC,cAAc,gBAAGF,aAAa,CAA6B,IAAI,CAAC;AAEtE,OAAO,MAAM;EAAEG,QAAQ,EAAEC;AAAgB,CAAC,GAAGF,cAAc;AAC3D,OAAO,MAAMG,yBAAyB,GAAGA,CAAA,KAAMJ,UAAU,CAACC,cAAc,CAAC","ignoreList":[]}

package/build/esm/MenuBar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MenuBar';
+//# sourceMappingURL=index.d.ts.map

package/build/esm/MenuBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/MenuBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/build/esm/MenuBar/index.js

@@ -0,0 +1,2 @@
+export * from './MenuBar';
+//# sourceMappingURL=index.js.map

package/build/esm/MenuBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/MenuBar/index.ts"],"sourcesContent":["export * from './MenuBar';\n"],"mappings":"AAAA,cAAc,WAAW","ignoreList":[]}

package/build/esm/Slider/Slider.d.ts

@@ -2,6 +2,7 @@ import type { ReactElement, ReactNode, KeyboardEvent } from 'react';
 import type * as Polymorphic from '../utils/polymorphic';
 type SliderOrientation = 'horizontal' | 'vertical';
 type SliderHandleAlignment = 'center' | 'contain';
+export declare const useSliderContext: (childName: string) => ISliderContext;
 /**
  * Slider
  *
@@ -26,6 +27,10 @@ interface SliderProps {
      * @see Docs https://reach.tech/slider#slider-defaultvalue
      */
     defaultValue?: number;
+    /**
+     * Sets the value that the filled range starts from. Defaults to `min`.
+     */
+    fillOffset?: number;
     /**
      * @see Docs https://reach.tech/slider#slider-disabled
      */
@@ -36,6 +41,11 @@ interface SliderProps {
      * @see Docs https://reach.tech/slider#slider-value
      */
     value?: number;
+    /**
+     * When set, double clicking or double tapping the slider handle will reset
+     * the value.
+     */
+    resetValue?: number;
     /**
      * A function used to set a human-readable name for the slider.
      *
@@ -182,15 +192,51 @@ interface SliderMarkerProps {
      */
     value: number;
 }
-type SomePointerEvent = TouchEvent | MouseEvent;
+type TrackRef = React.RefObject<HTMLDivElement | null>;
+type HandleRef = React.RefObject<HTMLDivElement | null>;
+type SomePointerEvent = TouchEvent | MouseEvent | PointerEvent;
+interface ISliderContext {
+    ariaLabel: string | undefined;
+    ariaLabelledBy: string | undefined;
+    ariaValueText: string | undefined;
+    handleDimensions: {
+        width: number;
+        height: number;
+    };
+    handlePosition: string;
+    handleRef: HandleRef;
+    hasFocus: boolean;
+    fillDirection: 'left' | 'none' | 'right';
+    fillEndPercent: number;
+    fillStartPercent: number;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+    handleKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+    resetValue: number | undefined;
+    setHasFocus: React.Dispatch<React.SetStateAction<boolean>>;
+    sliderId: string | undefined;
+    sliderMax: number;
+    sliderMin: number;
+    value: number;
+    disabled: boolean;
+    isVertical: boolean;
+    orientation: SliderOrientation;
+    trackPercent: number;
+    trackRef: TrackRef;
+    rangeStyle: React.CSSProperties;
+    updateValue: (e: SomePointerEvent | KeyboardEvent, newValue: any) => void;
+}
 type SliderChildrenRender = (props: {
     ariaValueText?: string | undefined;
     hasFocus?: boolean;
     id?: string | undefined;
     sliderId?: string | undefined;
+    fillEndPercent?: number;
+    fillOffsetPercent?: number;
+    fillStartPercent?: number;
     max?: number;
     min?: number;
     value?: number;
+    valuePercent?: number;
 }) => ReactElement;
 export default Slider;
 export type { SliderHandleProps, SliderInputProps, SliderMarkerProps, SliderProps, SliderRangeProps, SliderTrackProps, SliderHandleAlignment, SliderOrientation, };

package/build/esm/Slider/Slider.d.ts.map

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

package/build/esm/Slider/Slider.js

@@ -33,7 +33,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const noop = () => {
   /* noop */
 };
-const [SliderProvider, useSliderContext] = createContext('Slider');
+const _sliderCtx = createContext('Slider');
+const SliderProvider = _sliderCtx[0];
+export const useSliderContext = _sliderCtx[1];
 
 ////////////////////////////////////////////////////////////////////////////////
 
@@ -81,6 +83,8 @@ const SliderInput = /*#__PURE__*/forwardRef(function SliderInput(_ref2, forwarde
     innerAs,
     defaultValue,
     disabled = false,
+    fillOffset,
+    resetValue,
     value: controlledValue,
     getAriaLabel,
     getAriaValueText,
@@ -120,6 +124,11 @@ const SliderInput = /*#__PURE__*/forwardRef(function SliderInput(_ref2, forwarde
   const [_value, onChange] = useControlledState(controlledValue, onChangeProp, defaultValue || min, setValue => (e, v) => setValue(v));
   const value = clamp(_value, min, max);
   const trackPercent = valueToPercent(value, min, max);
+  const hasFillOffset = fillOffset !== undefined;
+  const fillOffsetPercent = valueToPercent(fillOffset ?? min, min, max);
+  const fillStartPercent = Math.min(trackPercent, fillOffsetPercent);
+  const fillEndPercent = Math.max(trackPercent, fillOffsetPercent);
+  const fillDirection = !hasFillOffset || trackPercent === fillOffsetPercent ? 'none' : trackPercent > fillOffsetPercent ? 'right' : 'left';
   const isVertical = orientation === 'vertical';
   const handleSize = isVertical ? handleDimensions.height : handleDimensions.width;
 
@@ -185,7 +194,8 @@ const SliderInput = /*#__PURE__*/forwardRef(function SliderInput(_ref2, forwarde
   });
   const ariaValueText = getAriaValueText ? getAriaValueText(value) : ariaValueTextProp;
   const rangeStyle = {
-    [isVertical ? 'height' : 'width']: `${trackPercent}%`
+    [isVertical ? 'bottom' : 'left']: `${fillStartPercent}%`,
+    [isVertical ? 'height' : 'width']: `${fillEndPercent - fillStartPercent}%`
   };
 
   // Slide events!
@@ -357,8 +367,12 @@ const SliderInput = /*#__PURE__*/forwardRef(function SliderInput(_ref2, forwarde
     handlePosition: handlePosition,
     handleRef: handleRef,
     hasFocus: hasFocus,
+    fillDirection: fillDirection,
+    fillEndPercent: fillEndPercent,
+    fillStartPercent: fillStartPercent,
     onKeyDown: onKeyDown,
     setHasFocus: setHasFocus,
+    resetValue: resetValue === undefined ? undefined : clamp(resetValue, min, max),
     sliderId: id,
     sliderMax: max,
     sliderMin: min,
@@ -385,7 +399,11 @@ const SliderInput = /*#__PURE__*/forwardRef(function SliderInput(_ref2, forwarde
         max,
         min,
         value,
-        ariaValueText
+        ariaValueText,
+        fillEndPercent,
+        fillOffsetPercent,
+        fillStartPercent,
+        valuePercent: trackPercent
       }) : children, name &&
       /*#__PURE__*/
       // If the slider is used in a form we'll need an input field to
@@ -468,6 +486,7 @@ const SliderRangeImpl = /*#__PURE__*/forwardRef(function SliderRange(_ref4, forw
   } = _ref4;
   const {
     disabled,
+    fillDirection,
     orientation,
     rangeStyle
   } = useSliderContext('SliderRange');
@@ -484,6 +503,7 @@ const SliderRangeImpl = /*#__PURE__*/forwardRef(function SliderRange(_ref4, forw
     ...props,
     "data-reach-slider-range": "",
     "data-disabled": disabled ? '' : undefined,
+    "data-fill-direction": fillDirection,
     "data-orientation": orientation
   });
 });
@@ -527,11 +547,69 @@ const SliderHandleImpl = /*#__PURE__*/forwardRef(function SliderHandle(_ref5, fo
     isVertical,
     handleKeyDown,
     orientation,
+    resetValue,
     setHasFocus,
     sliderMin,
     sliderMax,
+    updateValue,
     value
   } = useSliderContext('SliderHandle');
+  const lastTouchEndRef = useRef(null);
+  const resetHandleValue = useStableLayoutCallback(event => {
+    if (!disabled && resetValue !== undefined) {
+      updateValue(event, resetValue);
+    }
+  });
+  const handleResetTouchEnd = useStableLayoutCallback(event => {
+    if (disabled || resetValue === undefined) {
+      return;
+    }
+    const touch = event.changedTouches[0];
+    if (!touch) {
+      return;
+    }
+    const now = event.timeStamp;
+    const lastTouchEnd = lastTouchEndRef.current;
+    if (lastTouchEnd && now - lastTouchEnd.time <= 300 && Math.abs(touch.clientX - lastTouchEnd.x) <= 20 && Math.abs(touch.clientY - lastTouchEnd.y) <= 20) {
+      event.stopPropagation();
+      event.stopImmediatePropagation();
+      lastTouchEndRef.current = null;
+      updateValue(event, resetValue);
+      event.preventDefault();
+      return;
+    }
+    lastTouchEndRef.current = {
+      time: now,
+      x: touch.clientX,
+      y: touch.clientY
+    };
+  });
+  useEffect(() => {
+    const handle = handleRef.current;
+    if (!handle) {
+      return noop;
+    }
+    const mouseDownListener = event => {
+      if (event.detail < 2) {
+        return;
+      }
+      event.stopPropagation();
+      event.stopImmediatePropagation();
+      resetHandleValue(event);
+      event.preventDefault();
+    };
+    const doubleClickListener = event => {
+      resetHandleValue(event);
+    };
+    handle.addEventListener('mousedown', mouseDownListener);
+    handle.addEventListener('dblclick', doubleClickListener);
+    handle.addEventListener('touchend', handleResetTouchEnd);
+    return () => {
+      handle.removeEventListener('mousedown', mouseDownListener);
+      handle.removeEventListener('dblclick', doubleClickListener);
+      handle.removeEventListener('touchend', handleResetTouchEnd);
+    };
+  }, [handleRef, handleResetTouchEnd, resetHandleValue]);
   return /*#__PURE__*/_jsx(Comp
   // @ts-ignore
   , {
@@ -632,10 +710,14 @@ const SliderMarkerImpl = /*#__PURE__*/forwardRef(function SliderMarker(_ref6, fo
     orientation,
     sliderMin,
     sliderMax,
-    value: sliderValue
+    value: sliderValue,
+    fillEndPercent,
+    fillStartPercent
   } = useSliderContext('SliderMarker');
   const inRange = value >= sliderMin && value <= sliderMax;
   const absoluteStartPosition = `${valueToPercent(value, sliderMin, sliderMax)}%`;
+  const markerPercent = valueToPercent(value, sliderMin, sliderMax);
+  const fillState = markerPercent >= fillStartPercent && markerPercent <= fillEndPercent ? 'in-range' : 'out-of-range';
   const state = value < sliderValue ? 'under-value' : value === sliderValue ? 'at-value' : 'over-value';
   return inRange ? /*#__PURE__*/_jsx(Comp, {
     ref: forwardedRef
@@ -654,6 +736,7 @@ const SliderMarkerImpl = /*#__PURE__*/forwardRef(function SliderMarker(_ref6, fo
     ...props,
     "data-reach-slider-marker": "",
     "data-disabled": disabled ? '' : undefined,
+    "data-fill-state": fillState,
     "data-orientation": orientation,
     "data-state": state,
     "data-value": value,
@@ -778,7 +861,10 @@ function useDimensions(ref) {
   };
 }
 function valueToPercent(value, min, max) {
-  return (value - min) * 100 / (max - min);
+  if (max === min) {
+    return 0;
+  }
+  return Math.min(100, Math.max(0, (value - min) * 100 / (max - min)));
 }
 
 ////////////////////////////////////////////////////////////////////////////////