achery-ui 0.11.0 → 0.11.2

package/dist/index.cjs

@@ -3441,7 +3441,7 @@ var SegmentedControl = ({
       role: "radio",
       "aria-checked": opt.value === value2,
       disabled,
-      onClick: () => onChange(opt.value),
+      onClick: () => onChange(opt.value === value2 ? null : opt.value),
       className: [
         segment,
         sizeClass,
@@ -3452,6 +3452,20 @@ var SegmentedControl = ({
     opt.value
   )) });
 };
+var useMediaQuery = (query) => {
+  const [matches, setMatches] = react.useState(
+    () => typeof window !== "undefined" ? window.matchMedia(query).matches : false
+  );
+  react.useEffect(() => {
+    const mq = window.matchMedia(query);
+    setMatches(mq.matches);
+    const handler = (e) => setMatches(e.matches);
+    mq.addEventListener("change", handler);
+    return () => mq.removeEventListener("change", handler);
+  }, [query]);
+  return matches;
+};
+var useIsDesktop = (breakpoint = 768) => useMediaQuery(`(min-width: ${breakpoint}px)`);
 
 exports.AcheryProvider = AcheryProvider;
 exports.AppBar = AppBar;
@@ -3503,6 +3517,8 @@ exports.glyphCategory = glyphCategory;
 exports.glyphLabel = glyphLabel;
 exports.searchGlyphs = searchGlyphs;
 exports.useConfirm = useConfirm;
+exports.useIsDesktop = useIsDesktop;
+exports.useMediaQuery = useMediaQuery;
 exports.useTheme = useTheme;
 exports.useToast = useToast;
 exports.vars = vars;