@womp/kookie-ui 0.3.22

package/dist/cjs/hooks/use-body-pointer-events-cleanup.js

@@ -0,0 +1,2 @@
+"use strict";var p=Object.create;var d=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var E=(e,t)=>{for(var o in t)d(e,o,{get:t[o],enumerable:!0})},i=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of y(t))!f.call(e,n)&&n!==o&&d(e,n,{get:()=>t[n],enumerable:!(a=v(t,n))||a.enumerable});return e};var g=(e,t,o)=>(o=e!=null?p(b(e)):{},i(t||!e||!e.__esModule?d(o,"default",{value:e,enumerable:!0}):o,e)),k=e=>i(d({},"__esModule",{value:!0}),e);var L={};E(L,{useBodyPointerEventsCleanup:()=>I});module.exports=k(L);var u=g(require("react")),l=!1;function I(){u.useEffect(()=>{if(typeof document>"u"||l)return;l=!0;let e=()=>{let r=!!document.querySelector('[role="dialog"][aria-modal="true"], [role="alertdialog"][aria-modal="true"]'),s=!!document.querySelector('[data-radix-popper-content-wrapper], [data-state="open"]');return r||s},t=()=>{document.body.style.pointerEvents==="none"&&(console.log("[KookieUI] Force cleaning stuck pointer-events: none from body"),document.body.style.pointerEvents="",document.body.removeAttribute("data-scroll-locked"),document.body.removeAttribute("data-remove-scroll"),document.body.classList.remove("ReactModal__Body--open"))},o=()=>{document.body.style.pointerEvents==="none"&&!e()&&(console.log("[KookieUI] Safe cleaning stuck pointer-events: none from body"),document.body.style.pointerEvents="")},a=r=>{let s=r.target;s&&!s.closest('[role="dialog"], [role="alertdialog"], [data-radix-popper-content-wrapper]')&&setTimeout(t,100)},n=r=>{r.key==="Escape"&&setTimeout(t,200)},c=()=>{setTimeout(o,50)};document.addEventListener("click",a,!0),document.addEventListener("keydown",n,!0),document.addEventListener("pointerup",c,!0),document.addEventListener("transitionend",c,!0),document.addEventListener("animationend",c,!0),new MutationObserver(()=>{setTimeout(o,0)}).observe(document.body,{childList:!0,subtree:!0,attributes:!0});let m=setInterval(()=>{document.body.style.pointerEvents==="none"&&!e()&&(console.log("[KookieUI] Periodic cleanup of stuck pointer-events"),document.body.style.pointerEvents="")},1e3);return setTimeout(o,100),()=>{clearInterval(m)}},[])}
+//# sourceMappingURL=use-body-pointer-events-cleanup.js.map

package/dist/cjs/hooks/use-body-pointer-events-cleanup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/use-body-pointer-events-cleanup.ts"],
+  "sourcesContent": ["import * as React from 'react';\n\nlet cleanupInstalled = false;\n\n/**\n * Hook to cleanup stuck pointer-events: none on document.body\n *\n * This addresses an issue where react-remove-scroll (used by Radix UI Dialog)\n * sometimes fails to restore body pointer-events after dialog closes,\n * leaving the page unclickable.\n */\nexport function useBodyPointerEventsCleanup() {\n  React.useEffect(() => {\n    if (typeof document === 'undefined') return;\n    if (cleanupInstalled) return;\n\n    cleanupInstalled = true;\n\n    const hasOpenModal = (): boolean => {\n      // Check for open dialogs/alertdialogs\n      const hasDialogs = Boolean(\n        document.querySelector(\n          '[role=\"dialog\"][aria-modal=\"true\"], [role=\"alertdialog\"][aria-modal=\"true\"]',\n        ),\n      );\n\n      // Also check for any Radix overlays that are still mounted\n      const hasRadixOverlays = Boolean(\n        document.querySelector('[data-radix-popper-content-wrapper], [data-state=\"open\"]'),\n      );\n\n      return hasDialogs || hasRadixOverlays;\n    };\n\n    const forceCleanup = () => {\n      // Aggressive cleanup - remove pointer-events regardless\n      if (document.body.style.pointerEvents === 'none') {\n        console.log('[KookieUI] Force cleaning stuck pointer-events: none from body');\n        document.body.style.pointerEvents = '';\n\n        // Also remove any scroll-lock related attributes\n        document.body.removeAttribute('data-scroll-locked');\n        document.body.removeAttribute('data-remove-scroll');\n\n        // Remove any classes that might be causing issues\n        document.body.classList.remove('ReactModal__Body--open');\n      }\n    };\n\n    const safeCleanup = () => {\n      if (document.body.style.pointerEvents === 'none' && !hasOpenModal()) {\n        console.log('[KookieUI] Safe cleaning stuck pointer-events: none from body');\n        document.body.style.pointerEvents = '';\n      }\n    };\n\n    // Force cleanup on any click outside modal content\n    const onDocumentClick = (event: Event) => {\n      const target = event.target as Element;\n      if (\n        target &&\n        !target.closest(\n          '[role=\"dialog\"], [role=\"alertdialog\"], [data-radix-popper-content-wrapper]',\n        )\n      ) {\n        // Clicked outside any modal - force cleanup after a short delay\n        setTimeout(forceCleanup, 100);\n      }\n    };\n\n    // Force cleanup on ESC key\n    const onEscapeKey = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setTimeout(forceCleanup, 200);\n      }\n    };\n\n    // Safe cleanup on other interactions\n    const onInteraction = () => {\n      setTimeout(safeCleanup, 50);\n    };\n\n    // Install global listeners\n    document.addEventListener('click', onDocumentClick, true);\n    document.addEventListener('keydown', onEscapeKey, true);\n    document.addEventListener('pointerup', onInteraction, true);\n    document.addEventListener('transitionend', onInteraction, true);\n    document.addEventListener('animationend', onInteraction, true);\n\n    // Watch for DOM changes that might indicate overlay removal\n    const observer = new MutationObserver(() => {\n      setTimeout(safeCleanup, 0);\n    });\n    observer.observe(document.body, { childList: true, subtree: true, attributes: true });\n\n    // Fallback periodic cleanup\n    const intervalId = setInterval(() => {\n      if (document.body.style.pointerEvents === 'none' && !hasOpenModal()) {\n        console.log('[KookieUI] Periodic cleanup of stuck pointer-events');\n        document.body.style.pointerEvents = '';\n      }\n    }, 1000);\n\n    // Initial cleanup\n    setTimeout(safeCleanup, 100);\n\n    // Cleanup function (keep listeners for app lifetime)\n    return () => {\n      clearInterval(intervalId);\n    };\n  }, []);\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iCAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBAEnBC,EAAmB,GAShB,SAASH,GAA8B,CACtC,YAAU,IAAM,CAEpB,GADI,OAAO,SAAa,KACpBG,EAAkB,OAEtBA,EAAmB,GAEnB,IAAMC,EAAe,IAAe,CAElC,IAAMC,EAAa,EACjB,SAAS,cACP,6EACF,EAIIC,EAAmB,EACvB,SAAS,cAAc,0DAA0D,EAGnF,OAAOD,GAAcC,CACvB,EAEMC,EAAe,IAAM,CAErB,SAAS,KAAK,MAAM,gBAAkB,SACxC,QAAQ,IAAI,gEAAgE,EAC5E,SAAS,KAAK,MAAM,cAAgB,GAGpC,SAAS,KAAK,gBAAgB,oBAAoB,EAClD,SAAS,KAAK,gBAAgB,oBAAoB,EAGlD,SAAS,KAAK,UAAU,OAAO,wBAAwB,EAE3D,EAEMC,EAAc,IAAM,CACpB,SAAS,KAAK,MAAM,gBAAkB,QAAU,CAACJ,EAAa,IAChE,QAAQ,IAAI,+DAA+D,EAC3E,SAAS,KAAK,MAAM,cAAgB,GAExC,EAGMK,EAAmBC,GAAiB,CACxC,IAAMC,EAASD,EAAM,OAEnBC,GACA,CAACA,EAAO,QACN,4EACF,GAGA,WAAWJ,EAAc,GAAG,CAEhC,EAGMK,EAAeF,GAAyB,CACxCA,EAAM,MAAQ,UAChB,WAAWH,EAAc,GAAG,CAEhC,EAGMM,EAAgB,IAAM,CAC1B,WAAWL,EAAa,EAAE,CAC5B,EAGA,SAAS,iBAAiB,QAASC,EAAiB,EAAI,EACxD,SAAS,iBAAiB,UAAWG,EAAa,EAAI,EACtD,SAAS,iBAAiB,YAAaC,EAAe,EAAI,EAC1D,SAAS,iBAAiB,gBAAiBA,EAAe,EAAI,EAC9D,SAAS,iBAAiB,eAAgBA,EAAe,EAAI,EAG5C,IAAI,iBAAiB,IAAM,CAC1C,WAAWL,EAAa,CAAC,CAC3B,CAAC,EACQ,QAAQ,SAAS,KAAM,CAAE,UAAW,GAAM,QAAS,GAAM,WAAY,EAAK,CAAC,EAGpF,IAAMM,EAAa,YAAY,IAAM,CAC/B,SAAS,KAAK,MAAM,gBAAkB,QAAU,CAACV,EAAa,IAChE,QAAQ,IAAI,qDAAqD,EACjE,SAAS,KAAK,MAAM,cAAgB,GAExC,EAAG,GAAI,EAGP,kBAAWI,EAAa,GAAG,EAGpB,IAAM,CACX,cAAcM,CAAU,CAC1B,CACF,EAAG,CAAC,CAAC,CACP",
+  "names": ["use_body_pointer_events_cleanup_exports", "__export", "useBodyPointerEventsCleanup", "__toCommonJS", "React", "cleanupInstalled", "hasOpenModal", "hasDialogs", "hasRadixOverlays", "forceCleanup", "safeCleanup", "onDocumentClick", "event", "target", "onEscapeKey", "onInteraction", "intervalId"]
+}

package/dist/cjs/hooks/use-breakpoint.d.ts

@@ -0,0 +1,11 @@
+import { type Breakpoint } from '../components/shell.types.js';
+/**
+ * Hook to get the current breakpoint based on window width.
+ * Returns 'initial' on the server and during initial hydration.
+ * Uses shared breakpoint values from shell.types.js.
+ */
+export declare function useBreakpoint(): {
+    breakpoint: Breakpoint;
+    ready: boolean;
+};
+//# sourceMappingURL=use-breakpoint.d.ts.map

package/dist/cjs/hooks/use-breakpoint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-breakpoint.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-breakpoint.ts"],"names":[],"mappings":"AAGA,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE7E;;;;GAIG;AACH,wBAAgB,aAAa,IAAI;IAAE,UAAU,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,CAoD1E"}

package/dist/cjs/hooks/use-breakpoint.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var x=Object.create;var p=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var h=(e,n)=>{for(var i in n)p(e,i,{get:n[i],enumerable:!0})},u=(e,n,i,d)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of P(n))!R.call(e,r)&&r!==i&&p(e,r,{get:()=>n[r],enumerable:!(d=f(n,r))||d.enumerable});return e};var S=(e,n,i)=>(i=e!=null?x(b(e)):{},u(n||!e||!e.__esModule?p(i,"default",{value:e,enumerable:!0}):i,e)),E=e=>u(p({},"__esModule",{value:!0}),e);var g={};h(g,{useBreakpoint:()=>L});module.exports=E(g);var a=S(require("react"));var v={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"};function L(){let[e,n]=a.useState("initial"),[i,d]=a.useState(!1);return a.useEffect(()=>{if(typeof window>"u")return;let m=Object.entries(v).map(([o,t])=>[o,window.matchMedia(t)]),s=o=>{let t=m.filter(([,l])=>l.matches).map(([l])=>l),y=t[t.length-1]??"initial";n(y),d(!0)};s();let c=[];return m.forEach(([,o])=>{let t=o;typeof t.addEventListener=="function"&&typeof t.removeEventListener=="function"?(t.addEventListener("change",s),c.push(()=>t.removeEventListener?.("change",s))):typeof t.addListener=="function"&&typeof t.removeListener=="function"&&(t.addListener(s),c.push(()=>t.removeListener?.(s)))}),()=>{c.forEach(o=>{try{o()}catch{}})}},[]),{breakpoint:e,ready:i}}
+//# sourceMappingURL=use-breakpoint.js.map

package/dist/cjs/hooks/use-breakpoint.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/use-breakpoint.ts", "../../../src/components/shell.types.ts"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport { _BREAKPOINTS, type Breakpoint } from '../components/shell.types.js';\n\n/**\n * Hook to get the current breakpoint based on window width.\n * Returns 'initial' on the server and during initial hydration.\n * Uses shared breakpoint values from shell.types.js.\n */\nexport function useBreakpoint(): { breakpoint: Breakpoint; ready: boolean } {\n  const [currentBp, setCurrentBp] = React.useState<Breakpoint>('initial');\n  const [ready, setReady] = React.useState(false);\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    const queries = Object.entries(_BREAKPOINTS) as [keyof typeof _BREAKPOINTS, string][];\n    const mqls = queries.map(([k, q]) => [k, window.matchMedia(q)] as const);\n\n    // Accept optional event param to satisfy MediaQueryList listener signature\n    const compute = (_e?: MediaQueryListEvent) => {\n      // Highest matched wins\n      const matched = mqls.filter(([, m]) => m.matches).map(([k]) => k);\n      const next = (matched[matched.length - 1] as Breakpoint | undefined) ?? 'initial';\n      setCurrentBp(next);\n      setReady(true);\n    };\n\n    compute();\n    const cleanups: Array<() => void> = [];\n    mqls.forEach(([, m]) => {\n      const mm = m as MediaQueryList & {\n        addEventListener?: (type: 'change', listener: (e: MediaQueryListEvent) => void) => void;\n        removeEventListener?: (type: 'change', listener: (e: MediaQueryListEvent) => void) => void;\n        addListener?: (listener: (e: MediaQueryListEvent) => void) => void;\n        removeListener?: (listener: (e: MediaQueryListEvent) => void) => void;\n      };\n      if (typeof mm.addEventListener === 'function' && typeof mm.removeEventListener === 'function') {\n        mm.addEventListener('change', compute);\n        cleanups.push(() => mm.removeEventListener?.('change', compute));\n      } else if (typeof mm.addListener === 'function' && typeof mm.removeListener === 'function') {\n        mm.addListener(compute);\n        cleanups.push(() => mm.removeListener?.(compute));\n      }\n    });\n\n    return () => {\n      cleanups.forEach((fn) => {\n        try {\n          fn();\n        } catch (e) {\n          // MediaQueryList cleanup can fail in edge cases (e.g., already removed)\n          if (process.env.NODE_ENV !== 'production') {\n            console.warn('[useBreakpoint] MediaQueryList cleanup warning:', e);\n          }\n        }\n      });\n    };\n  }, []);\n\n  return { breakpoint: currentBp, ready };\n}\n", "import type * as React from 'react';\n\nexport type PresentationValue = 'fixed' | 'overlay' | 'stacked';\n\nexport type ResponsivePresentation = PresentationValue | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', PresentationValue>>;\n\nexport type PaneMode = 'expanded' | 'collapsed';\nexport type SidebarMode = 'collapsed' | 'thin' | 'expanded';\n\nexport type ResponsiveMode = PaneMode | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', PaneMode>>;\n\nexport type ResponsiveSidebarMode = SidebarMode | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', SidebarMode>>;\n\nexport type Responsive<T> = T | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', T>>;\n\nexport type PaneSizePersistence = {\n  load?: () => number | Promise<number | undefined> | undefined;\n  save?: (size: number) => void | Promise<void>;\n};\n\nexport interface PaneBaseProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  expandedSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  height?: string | number;\n  resizable?: boolean;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n  onResize?: (size: number) => void;\n  resizer?: React.ReactNode;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  snapPoints?: number[];\n  snapTolerance?: number;\n  collapseThreshold?: number;\n  paneId?: string;\n  persistence?: PaneSizePersistence;\n}\n\nexport const _BREAKPOINTS = {\n  xs: '(min-width: 520px)',\n  sm: '(min-width: 768px)',\n  md: '(min-width: 1024px)',\n  lg: '(min-width: 1280px)',\n  xl: '(min-width: 1640px)',\n} as const;\n\nexport type Breakpoint = 'initial' | keyof typeof _BREAKPOINTS;\n\nexport type PaneTarget = 'left' | 'rail' | 'panel' | 'sidebar' | 'inspector' | 'bottom';\n\n/**\n * CSS custom property key type for type-safe style objects.\n * Allows any string prefixed with '--'.\n */\nexport type CSSCustomProperty = `--${string}`;\n\n/**\n * Style object that supports CSS custom properties.\n */\nexport type CSSPropertiesWithVars = React.CSSProperties & {\n  [key: CSSCustomProperty]: string | number | undefined;\n};\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAEA,IAAAI,EAAuB,oBCuChB,IAAMC,EAAe,CAC1B,GAAI,qBACJ,GAAI,qBACJ,GAAI,sBACJ,GAAI,sBACJ,GAAI,qBACN,EDrCO,SAASC,GAA4D,CAC1E,GAAM,CAACC,EAAWC,CAAY,EAAU,WAAqB,SAAS,EAChE,CAACC,EAAOC,CAAQ,EAAU,WAAS,EAAK,EAE9C,OAAM,YAAU,IAAM,CACpB,GAAI,OAAO,OAAW,IAAa,OAGnC,IAAMC,EADU,OAAO,QAAQC,CAAY,EACtB,IAAI,CAAC,CAACC,EAAGC,CAAC,IAAM,CAACD,EAAG,OAAO,WAAWC,CAAC,CAAC,CAAU,EAGjEC,EAAWC,GAA6B,CAE5C,IAAMC,EAAUN,EAAK,OAAO,CAAC,CAAC,CAAEO,CAAC,IAAMA,EAAE,OAAO,EAAE,IAAI,CAAC,CAACL,CAAC,IAAMA,CAAC,EAC1DM,EAAQF,EAAQA,EAAQ,OAAS,CAAC,GAAgC,UACxET,EAAaW,CAAI,EACjBT,EAAS,EAAI,CACf,EAEAK,EAAQ,EACR,IAAMK,EAA8B,CAAC,EACrC,OAAAT,EAAK,QAAQ,CAAC,CAAC,CAAEO,CAAC,IAAM,CACtB,IAAMG,EAAKH,EAMP,OAAOG,EAAG,kBAAqB,YAAc,OAAOA,EAAG,qBAAwB,YACjFA,EAAG,iBAAiB,SAAUN,CAAO,EACrCK,EAAS,KAAK,IAAMC,EAAG,sBAAsB,SAAUN,CAAO,CAAC,GACtD,OAAOM,EAAG,aAAgB,YAAc,OAAOA,EAAG,gBAAmB,aAC9EA,EAAG,YAAYN,CAAO,EACtBK,EAAS,KAAK,IAAMC,EAAG,iBAAiBN,CAAO,CAAC,EAEpD,CAAC,EAEM,IAAM,CACXK,EAAS,QAASE,GAAO,CACvB,GAAI,CACFA,EAAG,CACL,MAAY,CAKZ,CACF,CAAC,CACH,CACF,EAAG,CAAC,CAAC,EAEE,CAAE,WAAYf,EAAW,MAAAE,CAAM,CACxC",
+  "names": ["use_breakpoint_exports", "__export", "useBreakpoint", "__toCommonJS", "React", "_BREAKPOINTS", "useBreakpoint", "currentBp", "setCurrentBp", "ready", "setReady", "mqls", "_BREAKPOINTS", "k", "q", "compute", "_e", "matched", "m", "next", "cleanups", "mm", "fn"]
+}

package/dist/cjs/hooks/use-live-announcer.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Hook for making live announcements to screen readers
+ * Creates a hidden aria-live region for announcing dynamic content changes
+ */
+export declare function useLiveAnnouncer(): (message: string) => void;
+//# sourceMappingURL=use-live-announcer.d.ts.map

package/dist/cjs/hooks/use-live-announcer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-live-announcer.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-live-announcer.ts"],"names":[],"mappings":"AAQA;;;GAGG;AACH,wBAAgB,gBAAgB,cA+Ce,MAAM,UAmBpD"}

package/dist/cjs/hooks/use-live-announcer.js

@@ -0,0 +1,10 @@
+"use strict";var l=Object.create;var u=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var p=(e,n)=>{for(var t in n)u(e,t,{get:n[t],enumerable:!0})},a=(e,n,t,i)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of s(n))!m.call(e,r)&&r!==t&&u(e,r,{get:()=>n[r],enumerable:!(i=d(n,r))||i.enumerable});return e};var v=(e,n,t)=>(t=e!=null?l(f(e)):{},a(n||!e||!e.__esModule?u(t,"default",{value:e,enumerable:!0}):t,e)),R=e=>a(u({},"__esModule",{value:!0}),e);var x={};p(x,{useLiveAnnouncer:()=>g});module.exports=R(x);var o=v(require("react")),c=0;function g(){let e=o.useRef(void 0);return o.useEffect(()=>{let t=document.getElementById("rt-live-announcer");return t||(t=document.createElement("div"),t.id="rt-live-announcer",t.setAttribute("aria-live","polite"),t.setAttribute("aria-atomic","true"),t.style.cssText=`
+        position: absolute;
+        left: -10000px;
+        width: 1px;
+        height: 1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+      `,document.body.appendChild(t)),c++,()=>{if(c--,e.current&&clearTimeout(e.current),c===0){let i=document.getElementById("rt-live-announcer");i&&i.remove()}}},[]),o.useCallback(t=>{let i=document.getElementById("rt-live-announcer");i&&(e.current&&clearTimeout(e.current),i.textContent="",e.current=setTimeout(()=>{i.textContent=t},100))},[])}
+//# sourceMappingURL=use-live-announcer.js.map

package/dist/cjs/hooks/use-live-announcer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/use-live-announcer.ts"],
+  "sourcesContent": ["import * as React from 'react';\n\n/**\n * Reference counter to track how many components are using the live region.\n * Only remove the live region when no components are using it.\n */\nlet liveRegionRefCount = 0;\n\n/**\n * Hook for making live announcements to screen readers\n * Creates a hidden aria-live region for announcing dynamic content changes\n */\nexport function useLiveAnnouncer() {\n  // Track the timeout so we can clean it up on unmount\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  // Create aria-live region if it doesn't exist\n  React.useEffect(() => {\n    let liveRegion = document.getElementById('rt-live-announcer');\n\n    if (!liveRegion) {\n      liveRegion = document.createElement('div');\n      liveRegion.id = 'rt-live-announcer';\n      liveRegion.setAttribute('aria-live', 'polite');\n      liveRegion.setAttribute('aria-atomic', 'true');\n      liveRegion.style.cssText = `\n        position: absolute;\n        left: -10000px;\n        width: 1px;\n        height: 1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n        white-space: nowrap;\n      `;\n      document.body.appendChild(liveRegion);\n    }\n\n    // Increment ref count when component mounts\n    liveRegionRefCount++;\n\n    return () => {\n      // Decrement ref count when component unmounts\n      liveRegionRefCount--;\n\n      // Clean up timeout on unmount\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      // Only remove the live region if no components are using it\n      if (liveRegionRefCount === 0) {\n        const region = document.getElementById('rt-live-announcer');\n        if (region) {\n          region.remove();\n        }\n      }\n    };\n  }, []);\n\n  const announce = React.useCallback((message: string) => {\n    const liveRegion = document.getElementById('rt-live-announcer');\n    if (liveRegion) {\n      // Clear any pending timeout\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      // Clear previous announcements\n      liveRegion.textContent = '';\n\n      // Add new announcement with a small delay to ensure it's announced\n      timeoutRef.current = setTimeout(() => {\n        liveRegion.textContent = message;\n      }, 100);\n    }\n  }, []);\n\n  return announce;\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBAMnBC,EAAqB,EAMlB,SAASH,GAAmB,CAEjC,IAAMI,EAAmB,SAAkD,MAAS,EAGpF,OAAM,YAAU,IAAM,CACpB,IAAIC,EAAa,SAAS,eAAe,mBAAmB,EAE5D,OAAKA,IACHA,EAAa,SAAS,cAAc,KAAK,EACzCA,EAAW,GAAK,oBAChBA,EAAW,aAAa,YAAa,QAAQ,EAC7CA,EAAW,aAAa,cAAe,MAAM,EAC7CA,EAAW,MAAM,QAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAS3B,SAAS,KAAK,YAAYA,CAAU,GAItCF,IAEO,IAAM,CAUX,GARAA,IAGIC,EAAW,SACb,aAAaA,EAAW,OAAO,EAI7BD,IAAuB,EAAG,CAC5B,IAAMG,EAAS,SAAS,eAAe,mBAAmB,EACtDA,GACFA,EAAO,OAAO,CAElB,CACF,CACF,EAAG,CAAC,CAAC,EAEkB,cAAaC,GAAoB,CACtD,IAAMF,EAAa,SAAS,eAAe,mBAAmB,EAC1DA,IAEED,EAAW,SACb,aAAaA,EAAW,OAAO,EAIjCC,EAAW,YAAc,GAGzBD,EAAW,QAAU,WAAW,IAAM,CACpCC,EAAW,YAAcE,CAC3B,EAAG,GAAG,EAEV,EAAG,CAAC,CAAC,CAGP",
+  "names": ["use_live_announcer_exports", "__export", "useLiveAnnouncer", "__toCommonJS", "React", "liveRegionRefCount", "timeoutRef", "liveRegion", "region", "message"]
+}

package/dist/cjs/hooks/use-toggle-state.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Options for the useToggleState hook
+ */
+interface UseToggleStateOptions {
+    /** Controlled pressed state */
+    pressed?: boolean;
+    /** Callback when pressed state changes */
+    onPressedChange?: (pressed: boolean) => void;
+    /** Function to get the accessible name for announcements */
+    getAccessibleName: () => string;
+    /** Component name for warning messages */
+    componentName: string;
+}
+/**
+ * Hook for shared toggle button state management.
+ * Provides accessibility announcements and controlled/uncontrolled warnings.
+ *
+ * @param options - Configuration options for the toggle state
+ * @returns Object containing the handlePressedChange callback
+ *
+ * @example
+ * ```tsx
+ * const getAccessibleName = React.useCallback(() => 'Toggle button', []);
+ *
+ * const { handlePressedChange } = useToggleState({
+ *   pressed,
+ *   onPressedChange,
+ *   getAccessibleName,
+ *   componentName: 'ToggleButton',
+ * });
+ * ```
+ */
+export declare function useToggleState({ pressed, onPressedChange, getAccessibleName, componentName }: UseToggleStateOptions): {
+    handlePressedChange: (newPressed: boolean) => void;
+};
+export {};
+//# sourceMappingURL=use-toggle-state.d.ts.map

package/dist/cjs/hooks/use-toggle-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toggle-state.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-toggle-state.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,UAAU,qBAAqB;IAC7B,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,4DAA4D;IAC5D,iBAAiB,EAAE,MAAM,MAAM,CAAC;IAChC,0CAA0C;IAC1C,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,aAAa,EAAE,EAAE,qBAAqB;sCAWnG,OAAO;EAwBvB"}

package/dist/cjs/hooks/use-toggle-state.js

@@ -0,0 +1,10 @@
+"use strict";var g=Object.create;var s=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var w=(e,n)=>{for(var t in n)s(e,t,{get:n[t],enumerable:!0})},l=(e,n,t,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of R(n))!b.call(e,r)&&r!==t&&s(e,r,{get:()=>n[r],enumerable:!(o=v(n,r))||o.enumerable});return e};var d=(e,n,t)=>(t=e!=null?g(h(e)):{},l(n||!e||!e.__esModule?s(t,"default",{value:e,enumerable:!0}):t,e)),y=e=>l(s({},"__esModule",{value:!0}),e);var C={};w(C,{useToggleState:()=>T});module.exports=y(C);var a=d(require("react"));var i=d(require("react")),u=0;function f(){let e=i.useRef(void 0);return i.useEffect(()=>{let t=document.getElementById("rt-live-announcer");return t||(t=document.createElement("div"),t.id="rt-live-announcer",t.setAttribute("aria-live","polite"),t.setAttribute("aria-atomic","true"),t.style.cssText=`
+        position: absolute;
+        left: -10000px;
+        width: 1px;
+        height: 1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+      `,document.body.appendChild(t)),u++,()=>{if(u--,e.current&&clearTimeout(e.current),u===0){let o=document.getElementById("rt-live-announcer");o&&o.remove()}}},[]),i.useCallback(t=>{let o=document.getElementById("rt-live-announcer");o&&(e.current&&clearTimeout(e.current),o.textContent="",e.current=setTimeout(()=>{o.textContent=t},100))},[])}function T({pressed:e,onPressedChange:n,getAccessibleName:t,componentName:o}){let r=f(),x=a.useRef(!1),p=a.useCallback(c=>{let m=t();r(`${m} ${c?"pressed":"unpressed"}`),n?.(c)},[r,n,t]);return a.useEffect(()=>{},[e,n,o]),{handlePressedChange:p}}
+//# sourceMappingURL=use-toggle-state.js.map

package/dist/cjs/hooks/use-toggle-state.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/use-toggle-state.ts", "../../../src/hooks/use-live-announcer.ts"],
+  "sourcesContent": ["import * as React from 'react';\nimport { useLiveAnnouncer } from './use-live-announcer.js';\n\n/**\n * Options for the useToggleState hook\n */\ninterface UseToggleStateOptions {\n  /** Controlled pressed state */\n  pressed?: boolean;\n  /** Callback when pressed state changes */\n  onPressedChange?: (pressed: boolean) => void;\n  /** Function to get the accessible name for announcements */\n  getAccessibleName: () => string;\n  /** Component name for warning messages */\n  componentName: string;\n}\n\n/**\n * Hook for shared toggle button state management.\n * Provides accessibility announcements and controlled/uncontrolled warnings.\n *\n * @param options - Configuration options for the toggle state\n * @returns Object containing the handlePressedChange callback\n *\n * @example\n * ```tsx\n * const getAccessibleName = React.useCallback(() => 'Toggle button', []);\n *\n * const { handlePressedChange } = useToggleState({\n *   pressed,\n *   onPressedChange,\n *   getAccessibleName,\n *   componentName: 'ToggleButton',\n * });\n * ```\n */\nexport function useToggleState({ pressed, onPressedChange, getAccessibleName, componentName }: UseToggleStateOptions) {\n  const announce = useLiveAnnouncer();\n\n  // Track if we've already warned about controlled without handler\n  const warnedRef = React.useRef(false);\n\n  /**\n   * Memoized handler for state changes with accessibility announcements.\n   * Announces the new state immediately for screen readers.\n   */\n  const handlePressedChange = React.useCallback(\n    (newPressed: boolean) => {\n      const accessibleName = getAccessibleName();\n      // Announce the state change for screen readers\n      announce(`${accessibleName} ${newPressed ? 'pressed' : 'unpressed'}`);\n      // Call the user's change handler\n      onPressedChange?.(newPressed);\n    },\n    [announce, onPressedChange, getAccessibleName],\n  );\n\n  // Development-only warning for controlled/uncontrolled pattern\n  // Only warns once to avoid console spam\n  React.useEffect(() => {\n    if (process.env.NODE_ENV === 'development' && pressed !== undefined && onPressedChange === undefined && !warnedRef.current) {\n      warnedRef.current = true;\n      console.warn(\n        `${componentName}: You provided a \\`pressed\\` prop without an \\`onPressedChange\\` handler. ` +\n          'This will result in a read-only toggle button. If you want the button to be interactive, ' +\n          'you should provide an `onPressedChange` handler.',\n      );\n    }\n  }, [pressed, onPressedChange, componentName]);\n\n  return { handlePressedChange };\n}\n", "import * as React from 'react';\n\n/**\n * Reference counter to track how many components are using the live region.\n * Only remove the live region when no components are using it.\n */\nlet liveRegionRefCount = 0;\n\n/**\n * Hook for making live announcements to screen readers\n * Creates a hidden aria-live region for announcing dynamic content changes\n */\nexport function useLiveAnnouncer() {\n  // Track the timeout so we can clean it up on unmount\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  // Create aria-live region if it doesn't exist\n  React.useEffect(() => {\n    let liveRegion = document.getElementById('rt-live-announcer');\n\n    if (!liveRegion) {\n      liveRegion = document.createElement('div');\n      liveRegion.id = 'rt-live-announcer';\n      liveRegion.setAttribute('aria-live', 'polite');\n      liveRegion.setAttribute('aria-atomic', 'true');\n      liveRegion.style.cssText = `\n        position: absolute;\n        left: -10000px;\n        width: 1px;\n        height: 1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n        white-space: nowrap;\n      `;\n      document.body.appendChild(liveRegion);\n    }\n\n    // Increment ref count when component mounts\n    liveRegionRefCount++;\n\n    return () => {\n      // Decrement ref count when component unmounts\n      liveRegionRefCount--;\n\n      // Clean up timeout on unmount\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      // Only remove the live region if no components are using it\n      if (liveRegionRefCount === 0) {\n        const region = document.getElementById('rt-live-announcer');\n        if (region) {\n          region.remove();\n        }\n      }\n    };\n  }, []);\n\n  const announce = React.useCallback((message: string) => {\n    const liveRegion = document.getElementById('rt-live-announcer');\n    if (liveRegion) {\n      // Clear any pending timeout\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      // Clear previous announcements\n      liveRegion.textContent = '';\n\n      // Add new announcement with a small delay to ensure it's announced\n      timeoutRef.current = setTimeout(() => {\n        liveRegion.textContent = message;\n      }, 100);\n    }\n  }, []);\n\n  return announce;\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBCAvB,IAAAC,EAAuB,oBAMnBC,EAAqB,EAMlB,SAASC,GAAmB,CAEjC,IAAMC,EAAmB,SAAkD,MAAS,EAGpF,OAAM,YAAU,IAAM,CACpB,IAAIC,EAAa,SAAS,eAAe,mBAAmB,EAE5D,OAAKA,IACHA,EAAa,SAAS,cAAc,KAAK,EACzCA,EAAW,GAAK,oBAChBA,EAAW,aAAa,YAAa,QAAQ,EAC7CA,EAAW,aAAa,cAAe,MAAM,EAC7CA,EAAW,MAAM,QAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAS3B,SAAS,KAAK,YAAYA,CAAU,GAItCH,IAEO,IAAM,CAUX,GARAA,IAGIE,EAAW,SACb,aAAaA,EAAW,OAAO,EAI7BF,IAAuB,EAAG,CAC5B,IAAMI,EAAS,SAAS,eAAe,mBAAmB,EACtDA,GACFA,EAAO,OAAO,CAElB,CACF,CACF,EAAG,CAAC,CAAC,EAEkB,cAAaC,GAAoB,CACtD,IAAMF,EAAa,SAAS,eAAe,mBAAmB,EAC1DA,IAEED,EAAW,SACb,aAAaA,EAAW,OAAO,EAIjCC,EAAW,YAAc,GAGzBD,EAAW,QAAU,WAAW,IAAM,CACpCC,EAAW,YAAcE,CAC3B,EAAG,GAAG,EAEV,EAAG,CAAC,CAAC,CAGP,CD1CO,SAASC,EAAe,CAAE,QAAAC,EAAS,gBAAAC,EAAiB,kBAAAC,EAAmB,cAAAC,CAAc,EAA0B,CACpH,IAAMC,EAAWC,EAAiB,EAG5BC,EAAkB,SAAO,EAAK,EAM9BC,EAA4B,cAC/BC,GAAwB,CACvB,IAAMC,EAAiBP,EAAkB,EAEzCE,EAAS,GAAGK,CAAc,IAAID,EAAa,UAAY,WAAW,EAAE,EAEpEP,IAAkBO,CAAU,CAC9B,EACA,CAACJ,EAAUH,EAAiBC,CAAiB,CAC/C,EAIA,OAAM,YAAU,IAAM,CAStB,EAAG,CAACF,EAASC,EAAiBE,CAAa,CAAC,EAErC,CAAE,oBAAAI,CAAoB,CAC/B",
+  "names": ["use_toggle_state_exports", "__export", "useToggleState", "__toCommonJS", "React", "React", "liveRegionRefCount", "useLiveAnnouncer", "timeoutRef", "liveRegion", "region", "message", "useToggleState", "pressed", "onPressedChange", "getAccessibleName", "componentName", "announce", "useLiveAnnouncer", "warnedRef", "handlePressedChange", "newPressed", "accessibleName"]
+}

package/dist/cjs/hooks/use-tooltip-wrapper.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+/**
+ * Hook for managing tooltip accessibility props and conditional rendering.
+ * Encapsulates tooltip ID generation and aria-describedby binding.
+ *
+ * @param tooltip - The tooltip content (if any)
+ * @returns Object containing tooltipId, hasTooltip flag, and accessibility props
+ *
+ * @example
+ * ```tsx
+ * const { tooltipId, hasTooltip, accessibilityProps } = useTooltipWrapper(tooltip);
+ *
+ * const button = <button {...accessibilityProps}>Click me</button>;
+ *
+ * if (!hasTooltip) return button;
+ *
+ * return <Tooltip id={tooltipId} content={tooltip}>{button}</Tooltip>;
+ * ```
+ */
+export declare function useTooltipWrapper(tooltip: React.ReactNode): {
+    tooltipId: string;
+    hasTooltip: boolean;
+    accessibilityProps: {
+        'aria-describedby': string;
+    } | {
+        'aria-describedby'?: undefined;
+    };
+};
+//# sourceMappingURL=use-tooltip-wrapper.d.ts.map

package/dist/cjs/hooks/use-tooltip-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tooltip-wrapper.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-tooltip-wrapper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS;;;;;;;;EAOzD"}

package/dist/cjs/hooks/use-tooltip-wrapper.js

@@ -0,0 +1,2 @@
+"use strict";var p=Object.create;var s=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var R=(o,e)=>{for(var t in e)s(o,t,{get:e[t],enumerable:!0})},r=(o,e,t,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of d(e))!u.call(o,a)&&a!==t&&s(o,a,{get:()=>e[a],enumerable:!(c=n(e,a))||c.enumerable});return o};var b=(o,e,t)=>(t=o!=null?p(l(o)):{},r(e||!o||!o.__esModule?s(t,"default",{value:o,enumerable:!0}):t,o)),m=o=>r(s({},"__esModule",{value:!0}),o);var y={};R(y,{useTooltipWrapper:()=>f});module.exports=m(y);var i=b(require("react"));function f(o){let e=i.useId(),t=!!o,c=i.useMemo(()=>t?{"aria-describedby":e}:{},[t,e]);return{tooltipId:e,hasTooltip:t,accessibilityProps:c}}
+//# sourceMappingURL=use-tooltip-wrapper.js.map

package/dist/cjs/hooks/use-tooltip-wrapper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/use-tooltip-wrapper.ts"],
+  "sourcesContent": ["import * as React from 'react';\n\n/**\n * Hook for managing tooltip accessibility props and conditional rendering.\n * Encapsulates tooltip ID generation and aria-describedby binding.\n *\n * @param tooltip - The tooltip content (if any)\n * @returns Object containing tooltipId, hasTooltip flag, and accessibility props\n *\n * @example\n * ```tsx\n * const { tooltipId, hasTooltip, accessibilityProps } = useTooltipWrapper(tooltip);\n *\n * const button = <button {...accessibilityProps}>Click me</button>;\n *\n * if (!hasTooltip) return button;\n *\n * return <Tooltip id={tooltipId} content={tooltip}>{button}</Tooltip>;\n * ```\n */\nexport function useTooltipWrapper(tooltip: React.ReactNode) {\n  const tooltipId = React.useId();\n  const hasTooltip = Boolean(tooltip);\n\n  const accessibilityProps = React.useMemo(() => (hasTooltip ? { 'aria-describedby': tooltipId } : {}), [hasTooltip, tooltipId]);\n\n  return { tooltipId, hasTooltip, accessibilityProps };\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBAoBhB,SAASF,EAAkBG,EAA0B,CAC1D,IAAMC,EAAkB,QAAM,EACxBC,EAAa,EAAQF,EAErBG,EAA2B,UAAQ,IAAOD,EAAa,CAAE,mBAAoBD,CAAU,EAAI,CAAC,EAAI,CAACC,EAAYD,CAAS,CAAC,EAE7H,MAAO,CAAE,UAAAA,EAAW,WAAAC,EAAY,mBAAAC,CAAmB,CACrD",
+  "names": ["use_tooltip_wrapper_exports", "__export", "useTooltipWrapper", "__toCommonJS", "React", "tooltip", "tooltipId", "hasTooltip", "accessibilityProps"]
+}

package/dist/cjs/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components/index.js';
+export * from './hooks/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/index.d.ts.map

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