@mieweb/ui 0.2.2 → 0.3.0-dev.100

package/dist/chunk-Q7NBJFEB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useKeyboardShortcut.ts","../src/hooks/useMediaQuery.ts","../src/hooks/useScrollSpy.ts"],"names":["useEffect","useState","entries"],"mappings":";;;AA2CO,SAAS,mBAAA,CACd,GAAA,EACA,QAAA,EACA,OAAA,GAAmC,EAAC,EAC9B;AACN,EAAA,MAAM;AAAA,IACJ,OAAA,GAAU,IAAA;AAAA,IACV,YAAY,EAAC;AAAA,IACb,cAAA,GAAiB,IAAA;AAAA,IACjB,eAAA,GAAkB,KAAA;AAAA,IAClB,YAAA,GAAe;AAAA,GACjB,GAAI,OAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,WAAA;AAAA,IACpB,CAAC,KAAA,KAAyB;AAExB,MAAA,IAAI,YAAA,EAAc;AAChB,QAAA,MAAM,SAAS,KAAA,CAAM,MAAA;AACrB,QAAA,MAAM,OAAA,GAAU,MAAA,CAAO,OAAA,CAAQ,WAAA,EAAY;AAC3C,QAAA,IACE,YAAY,OAAA,IACZ,OAAA,KAAY,cACZ,OAAA,KAAY,QAAA,IACZ,OAAO,iBAAA,EACP;AACA,UAAA;AAAA,QACF;AAAA,MACF;AAGA,MAAA,MAAM,EAAE,IAAA,EAAM,KAAA,EAAO,GAAA,EAAK,MAAK,GAAI,SAAA;AAGnC,MAAA,MAAM,aAAa,IAAA,IAAQ,IAAA;AAC3B,MAAA,IAAI,UAAA,EAAY;AACd,QAAA,IAAI,EAAE,KAAA,CAAM,OAAA,IAAW,KAAA,CAAM,OAAA,CAAA,EAAU;AAAA,MACzC,CAAA,MAAO;AAEL,QAAA,IAAI,KAAA,CAAM,OAAA,IAAW,KAAA,CAAM,OAAA,EAAS;AAAA,MACtC;AAEA,MAAA,IAAI,KAAA,IAAS,CAAC,KAAA,CAAM,QAAA,EAAU;AAC9B,MAAA,IAAI,GAAA,IAAO,CAAC,KAAA,CAAM,MAAA,EAAQ;AAG1B,MAAA,MAAM,QAAA,GACJ,MAAM,GAAA,CAAI,MAAA,KAAW,IAAI,KAAA,CAAM,GAAA,CAAI,WAAA,EAAY,GAAI,KAAA,CAAM,GAAA;AAC3D,MAAA,MAAM,YAAY,GAAA,CAAI,MAAA,KAAW,CAAA,GAAI,GAAA,CAAI,aAAY,GAAI,GAAA;AACzD,MAAA,IAAI,aAAa,SAAA,EAAW;AAE5B,MAAA,IAAI,cAAA,EAAgB;AAClB,QAAA,KAAA,CAAM,cAAA,EAAe;AAAA,MACvB;AACA,MAAA,IAAI,eAAA,EAAiB;AACnB,QAAA,KAAA,CAAM,eAAA,EAAgB;AAAA,MACxB;AAEA,MAAA,QAAA,CAAS,KAAK,CAAA;AAAA,IAChB,CAAA;AAAA,IACA,CAAC,GAAA,EAAK,QAAA,EAAU,SAAA,EAAW,cAAA,EAAgB,iBAAiB,YAAY;AAAA,GAC1E;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,EAAS;AAEd,IAAA,QAAA,CAAS,gBAAA,CAAiB,WAAW,aAAa,CAAA;AAClD,IAAA,OAAO,MAAM,QAAA,CAAS,mBAAA,CAAoB,SAAA,EAAW,aAAa,CAAA;AAAA,EACpE,CAAA,EAAG,CAAC,aAAA,EAAe,OAAO,CAAC,CAAA;AAC7B;AAaO,SAAS,WAAA,CAAY,QAAA,EAAsB,OAAA,GAAU,IAAA,EAAY;AACtE,EAAA,mBAAA,CAAoB,KAAK,QAAA,EAAU;AAAA,IACjC,OAAA;AAAA,IACA,SAAA,EAAW,EAAE,IAAA,EAAM,IAAA,EAAM,MAAM,IAAA,EAAK;AAAA,IACpC,YAAA,EAAc;AAAA;AAAA,GACf,CAAA;AACH;ACxGO,SAAS,cAAc,KAAA,EAAwB;AAEpD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAkB,MAAM;AAEpD,IAAA,IAAI,OAAO,MAAA,KAAW,WAAA,EAAa,OAAO,KAAA;AAC1C,IAAA,OAAO,MAAA,CAAO,UAAA,CAAW,KAAK,CAAA,CAAE,OAAA;AAAA,EAClC,CAAC,CAAA;AAED,EAAAA,UAAU,MAAM;AACd,IAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AAEnC,IAAA,MAAM,UAAA,GAAa,MAAA,CAAO,UAAA,CAAW,KAAK,CAAA;AAG1C,IAAA,UAAA,CAAW,WAAW,OAAO,CAAA;AAG7B,IAAA,MAAM,OAAA,GAAU,CAAC,KAAA,KAA+B;AAC9C,MAAA,UAAA,CAAW,MAAM,OAAO,CAAA;AAAA,IAC1B,CAAA;AAGA,IAAA,IAAI,WAAW,gBAAA,EAAkB;AAC/B,MAAA,UAAA,CAAW,gBAAA,CAAiB,UAAU,OAAO,CAAA;AAC7C,MAAA,OAAO,MAAM,UAAA,CAAW,mBAAA,CAAoB,QAAA,EAAU,OAAO,CAAA;AAAA,IAC/D;AAGA,IAAA,UAAA,CAAW,YAAY,OAAO,CAAA;AAC9B,IAAA,OAAO,MAAM,UAAA,CAAW,cAAA,CAAe,OAAO,CAAA;AAAA,EAChD,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,OAAO,OAAA;AACT;AAOO,SAAS,WAAA,GAAuB;AACrC,EAAA,OAAO,cAAc,oBAAoB,CAAA;AAC3C;AAGO,SAAS,gBAAA,GAA4B;AAC1C,EAAA,OAAO,cAAc,2CAA2C,CAAA;AAClE;AAGO,SAAS,WAAA,GAAuB;AACrC,EAAA,OAAO,cAAc,4CAA4C,CAAA;AACnE;AAGO,SAAS,YAAA,GAAwB;AACtC,EAAA,OAAO,cAAc,qBAAqB,CAAA;AAC5C;AAGO,SAAS,iBAAA,GAA6B;AAC3C,EAAA,OAAO,cAAc,qBAAqB,CAAA;AAC5C;AAGO,SAAS,mBAAA,GAA+B;AAC7C,EAAA,OAAO,cAAc,qBAAqB,CAAA;AAC5C;AC/CO,SAAS,YAAA,CAAa;AAAA,EAC3B,SAAA;AAAA,EACA,GAAA;AAAA,EACA,UAAA,GAAa,kBAAA;AAAA,EACb,SAAA,GAAY,CAAA;AAAA,EACZ,IAAA;AAAA,EACA,OAAA,GAAU;AACZ,CAAA,GAAyB,EAAC,EAAuB;AAC/C,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIC,SAAwB,IAAI,CAAA;AAC5D,EAAA,MAAM,cAAA,GAAiB,MAAA;AAAA,wBACjB,GAAA;AAAI,GACV;AAGA,EAAA,MAAM,MAAA,GAAS,MAAM,OAAA,IAAW,IAAA;AAEhC,EAAAD,UAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,EAAS;AAEd,IAAA,MAAM,YAAY,MAAA,IAAU,QAAA;AAG5B,IAAA,SAAS,eAAA,GAA6B;AACpC,MAAA,IAAI,MAAiB,EAAC;AACtB,MAAA,IAAI,GAAA,IAAO,GAAA,CAAI,MAAA,GAAS,CAAA,EAAG;AACzB,QAAA,GAAA,GAAM,GAAA,CACH,GAAA,CAAI,CAAC,EAAA,KAAO,QAAA,CAAS,cAAA,CAAe,EAAE,CAAC,CAAA,CACvC,MAAA,CAAO,CAAC,EAAA,KAA0B,OAAO,IAAI,CAAA;AAAA,MAClD,WAAW,SAAA,EAAW;AACpB,QAAA,GAAA,GAAM,KAAA,CAAM,IAAA,CAAK,SAAA,CAAU,gBAAA,CAAiB,SAAS,CAAC,CAAA;AAAA,MACxD;AACA,MAAA,OAAO,GAAA,CAAI,MAAA,CAAO,CAAC,EAAA,KAAO,GAAG,EAAE,CAAA;AAAA,IACjC;AAEA,IAAA,IAAI,oBAAA,GAAoD,IAAA;AACxD,IAAA,IAAI,gBAAA,GAA4C,IAAA;AAEhD,IAAA,SAAS,cAAA,GAA0B;AACjC,MAAA,MAAM,WAAW,eAAA,EAAgB;AACjC,MAAA,IAAI,QAAA,CAAS,MAAA,KAAW,CAAA,EAAG,OAAO,KAAA;AAElC,MAAA,oBAAA,GAAuB,IAAI,oBAAA;AAAA,QACzB,CAACE,QAAAA,KAAY;AACX,UAAA,KAAA,MAAW,SAASA,QAAAA,EAAS;AAC3B,YAAA,IAAI,MAAM,cAAA,EAAgB;AACxB,cAAA,cAAA,CAAe,OAAA,CAAQ,GAAA,CAAI,KAAA,CAAM,MAAA,CAAO,IAAI,KAAK,CAAA;AAAA,YACnD,CAAA,MAAO;AACL,cAAA,cAAA,CAAe,OAAA,CAAQ,MAAA,CAAO,KAAA,CAAM,MAAA,CAAO,EAAE,CAAA;AAAA,YAC/C;AAAA,UACF;AAGA,UAAA,IAAI,cAAA,CAAe,OAAA,CAAQ,IAAA,GAAO,CAAA,EAAG;AACnC,YAAA,IAAI,OAAA,GAAyB,IAAA;AAC7B,YAAA,IAAI,UAAA,GAAa,QAAA;AAEjB,YAAA,KAAA,MAAW,CAAC,EAAA,EAAI,KAAK,CAAA,IAAK,eAAe,OAAA,EAAS;AAChD,cAAA,MAAM,GAAA,GAAM,MAAM,kBAAA,CAAmB,GAAA;AACrC,cAAA,IAAI,MAAM,UAAA,EAAY;AACpB,gBAAA,UAAA,GAAa,GAAA;AACb,gBAAA,OAAA,GAAU,EAAA;AAAA,cACZ;AAAA,YACF;AAEA,YAAA,IAAI,OAAA,EAAS;AACX,cAAA,WAAA,CAAY,OAAO,CAAA;AAAA,YACrB;AAAA,UACF;AAAA,QACF,CAAA;AAAA,QACA;AAAA,UACE,IAAA,EAAM,MAAA;AAAA,UACN,UAAA;AAAA,UACA;AAAA;AACF,OACF;AAEA,MAAA,KAAA,MAAW,MAAM,QAAA,EAAU;AACzB,QAAA,oBAAA,CAAqB,QAAQ,EAAE,CAAA;AAAA,MACjC;AAGA,MAAA,gBAAA,EAAkB,UAAA,EAAW;AAC7B,MAAA,gBAAA,GAAmB,IAAA;AACnB,MAAA,OAAO,IAAA;AAAA,IACT;AAIA,IAAA,IAAI,CAAC,gBAAe,EAAG;AACrB,MAAA,MAAM,SAAA,GAAY,UAAU,QAAA,CAAS,IAAA;AACrC,MAAA,gBAAA,GAAmB,IAAI,iBAAiB,MAAM;AAC5C,QAAA,cAAA,EAAe;AAAA,MACjB,CAAC,CAAA;AACD,MAAA,gBAAA,CAAiB,QAAQ,SAAA,EAAW,EAAE,WAAW,IAAA,EAAM,OAAA,EAAS,MAAM,CAAA;AAAA,IACxE;AAEA,IAAA,MAAM,UAAU,cAAA,CAAe,OAAA;AAC/B,IAAA,OAAO,MAAM;AACX,MAAA,gBAAA,EAAkB,UAAA,EAAW;AAC7B,MAAA,oBAAA,EAAsB,UAAA,EAAW;AACjC,MAAA,OAAA,CAAQ,KAAA,EAAM;AAAA,IAChB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,SAAA,EAAW,GAAA,EAAK,YAAY,SAAA,EAAW,MAAA,EAAQ,OAAO,CAAC,CAAA;AAE3D,EAAA,OAAO,EAAE,QAAA,EAAS;AACpB","file":"chunk-Q7NBJFEB.js","sourcesContent":["import { useEffect, useCallback } from 'react';\n\n/**\n * Options for keyboard shortcut hook\n */\nexport interface KeyboardShortcutOptions {\n  /** Whether the shortcut is currently enabled (default: true) */\n  enabled?: boolean;\n  /** Modifier keys required (default: none) */\n  modifiers?: {\n    ctrl?: boolean;\n    shift?: boolean;\n    alt?: boolean;\n    meta?: boolean;\n  };\n  /** Whether to prevent default browser behavior (default: true) */\n  preventDefault?: boolean;\n  /** Whether to stop event propagation (default: false) */\n  stopPropagation?: boolean;\n  /** Element types to ignore when the shortcut is pressed (default: ['INPUT', 'TEXTAREA', 'SELECT']) */\n  ignoreInputs?: boolean;\n}\n\n/**\n * Hook that triggers a callback when a specific keyboard shortcut is pressed.\n * Supports modifier keys (Ctrl, Shift, Alt, Meta) and ignores input fields by default.\n *\n * @param key - The key to listen for (e.g., 'k', 'Enter', 'Escape', '/')\n * @param callback - Function to call when the shortcut is pressed\n * @param options - Configuration options\n *\n * @example\n * ```tsx\n * // Cmd/Ctrl+K to open search\n * useKeyboardShortcut('k', openSearch, { modifiers: { meta: true, ctrl: true } });\n *\n * // Forward slash to focus search (ignoring when typing)\n * useKeyboardShortcut('/', focusSearch);\n *\n * // Escape to close modal\n * useKeyboardShortcut('Escape', closeModal);\n * ```\n */\nexport function useKeyboardShortcut(\n  key: string,\n  callback: (event: KeyboardEvent) => void,\n  options: KeyboardShortcutOptions = {}\n): void {\n  const {\n    enabled = true,\n    modifiers = {},\n    preventDefault = true,\n    stopPropagation = false,\n    ignoreInputs = true,\n  } = options;\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // Check if we should ignore input fields\n      if (ignoreInputs) {\n        const target = event.target as HTMLElement;\n        const tagName = target.tagName.toUpperCase();\n        if (\n          tagName === 'INPUT' ||\n          tagName === 'TEXTAREA' ||\n          tagName === 'SELECT' ||\n          target.isContentEditable\n        ) {\n          return;\n        }\n      }\n\n      // Check modifiers\n      const { ctrl, shift, alt, meta } = modifiers;\n\n      // For Cmd+K style shortcuts, allow either meta (Mac) or ctrl (Windows/Linux)\n      const metaOrCtrl = meta || ctrl;\n      if (metaOrCtrl) {\n        if (!(event.metaKey || event.ctrlKey)) return;\n      } else {\n        // If no meta/ctrl modifier specified, ensure neither is pressed\n        if (event.metaKey || event.ctrlKey) return;\n      }\n\n      if (shift && !event.shiftKey) return;\n      if (alt && !event.altKey) return;\n\n      // Check key match (case-insensitive for letters)\n      const eventKey =\n        event.key.length === 1 ? event.key.toLowerCase() : event.key;\n      const targetKey = key.length === 1 ? key.toLowerCase() : key;\n      if (eventKey !== targetKey) return;\n\n      if (preventDefault) {\n        event.preventDefault();\n      }\n      if (stopPropagation) {\n        event.stopPropagation();\n      }\n\n      callback(event);\n    },\n    [key, callback, modifiers, preventDefault, stopPropagation, ignoreInputs]\n  );\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [handleKeyDown, enabled]);\n}\n\n/**\n * Hook for the common Cmd/Ctrl+K shortcut pattern (command palette, search, etc.)\n *\n * @param callback - Function to call when Cmd/Ctrl+K is pressed\n * @param enabled - Whether the shortcut is active (default: true)\n *\n * @example\n * ```tsx\n * useCommandK(() => setIsOpen(true));\n * ```\n */\nexport function useCommandK(callback: () => void, enabled = true): void {\n  useKeyboardShortcut('k', callback, {\n    enabled,\n    modifiers: { meta: true, ctrl: true },\n    ignoreInputs: false, // Cmd+K should work even in inputs\n  });\n}\n","import { useState, useEffect } from 'react';\n\n/**\n * Hook that tracks whether a media query matches.\n * Uses the native `matchMedia` API for efficient media query tracking.\n *\n * @param query - CSS media query string (e.g., '(min-width: 768px)')\n * @returns Boolean indicating whether the media query matches\n *\n * @example\n * ```tsx\n * function ResponsiveComponent() {\n *   const isMobile = useMediaQuery('(max-width: 767px)');\n *   const isTablet = useMediaQuery('(min-width: 768px) and (max-width: 1023px)');\n *   const isDesktop = useMediaQuery('(min-width: 1024px)');\n *\n *   return (\n *     <div>\n *       {isMobile && <MobileLayout />}\n *       {isTablet && <TabletLayout />}\n *       {isDesktop && <DesktopLayout />}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useMediaQuery(query: string): boolean {\n  // Initialize with null to indicate SSR/initial state\n  const [matches, setMatches] = useState<boolean>(() => {\n    // Check if we're in a browser environment\n    if (typeof window === 'undefined') return false;\n    return window.matchMedia(query).matches;\n  });\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    const mediaQuery = window.matchMedia(query);\n\n    // Set initial value\n    setMatches(mediaQuery.matches);\n\n    // Handler for media query changes\n    const handler = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    // Modern browsers use addEventListener\n    if (mediaQuery.addEventListener) {\n      mediaQuery.addEventListener('change', handler);\n      return () => mediaQuery.removeEventListener('change', handler);\n    }\n\n    // Fallback for older browsers\n    mediaQuery.addListener(handler);\n    return () => mediaQuery.removeListener(handler);\n  }, [query]);\n\n  return matches;\n}\n\n/**\n * Preset breakpoint hooks following common responsive design patterns\n */\n\n/** Returns true when viewport is smaller than 640px (mobile) */\nexport function useIsMobile(): boolean {\n  return useMediaQuery('(max-width: 639px)');\n}\n\n/** Returns true when viewport is 640px-767px (large mobile / small tablet) */\nexport function useIsSmallTablet(): boolean {\n  return useMediaQuery('(min-width: 640px) and (max-width: 767px)');\n}\n\n/** Returns true when viewport is 768px-1023px (tablet) */\nexport function useIsTablet(): boolean {\n  return useMediaQuery('(min-width: 768px) and (max-width: 1023px)');\n}\n\n/** Returns true when viewport is 1024px or larger (desktop) */\nexport function useIsDesktop(): boolean {\n  return useMediaQuery('(min-width: 1024px)');\n}\n\n/** Returns true when viewport is 1280px or larger (large desktop) */\nexport function useIsLargeDesktop(): boolean {\n  return useMediaQuery('(min-width: 1280px)');\n}\n\n/** Returns true when viewport is smaller than 1024px (mobile/tablet) */\nexport function useIsMobileOrTablet(): boolean {\n  return useMediaQuery('(max-width: 1023px)');\n}\n","import { useEffect, useState, useRef, type RefObject } from 'react';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface UseScrollSpyOptions {\n  /** CSS selector for the elements to observe (e.g. 'h2, h3, h4') */\n  selectors?: string;\n  /** Explicit list of element IDs to observe (alternative to selectors) */\n  ids?: string[];\n  /** IntersectionObserver root margin (default: '0px 0px -60% 0px') */\n  rootMargin?: string;\n  /** IntersectionObserver threshold (default: 0) */\n  threshold?: number | number[];\n  /** Scroll container element ref. Defaults to document viewport. */\n  root?: RefObject<HTMLElement | null>;\n  /** Whether the hook is active (default: true) */\n  enabled?: boolean;\n}\n\nexport interface UseScrollSpyReturn {\n  /** The ID of the currently active (in-view) element */\n  activeId: string | null;\n}\n\n// =============================================================================\n// Hook\n// =============================================================================\n\n/**\n * Tracks which section is currently in the viewport using IntersectionObserver.\n * Pairs naturally with `TableOfContents` to highlight the active heading.\n *\n * @example\n * ```tsx\n * function DocsPage() {\n *   const { activeId } = useScrollSpy({ selectors: 'h2, h3' });\n *   return (\n *     <aside>\n *       <TableOfContents activeId={activeId} />\n *     </aside>\n *   );\n * }\n * ```\n */\nexport function useScrollSpy({\n  selectors,\n  ids,\n  rootMargin = '0px 0px -60% 0px',\n  threshold = 0,\n  root,\n  enabled = true,\n}: UseScrollSpyOptions = {}): UseScrollSpyReturn {\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const visibleEntries = useRef<Map<string, IntersectionObserverEntry>>(\n    new Map()\n  );\n\n  // Track root.current so the effect re-runs when the ref attaches\n  const rootEl = root?.current ?? null;\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const container = rootEl ?? document;\n\n    // Resolve target elements from the DOM\n    function resolveElements(): Element[] {\n      let els: Element[] = [];\n      if (ids && ids.length > 0) {\n        els = ids\n          .map((id) => document.getElementById(id))\n          .filter((el): el is HTMLElement => el !== null);\n      } else if (selectors) {\n        els = Array.from(container.querySelectorAll(selectors));\n      }\n      return els.filter((el) => el.id);\n    }\n\n    let intersectionObserver: IntersectionObserver | null = null;\n    let mutationObserver: MutationObserver | null = null;\n\n    function startObserving(): boolean {\n      const elements = resolveElements();\n      if (elements.length === 0) return false;\n\n      intersectionObserver = new IntersectionObserver(\n        (entries) => {\n          for (const entry of entries) {\n            if (entry.isIntersecting) {\n              visibleEntries.current.set(entry.target.id, entry);\n            } else {\n              visibleEntries.current.delete(entry.target.id);\n            }\n          }\n\n          // Pick the topmost visible heading (by DOM order)\n          if (visibleEntries.current.size > 0) {\n            let topmost: string | null = null;\n            let topmostTop = Infinity;\n\n            for (const [id, entry] of visibleEntries.current) {\n              const top = entry.boundingClientRect.top;\n              if (top < topmostTop) {\n                topmostTop = top;\n                topmost = id;\n              }\n            }\n\n            if (topmost) {\n              setActiveId(topmost);\n            }\n          }\n        },\n        {\n          root: rootEl,\n          rootMargin,\n          threshold,\n        }\n      );\n\n      for (const el of elements) {\n        intersectionObserver.observe(el);\n      }\n\n      // Elements found — stop watching for new DOM nodes\n      mutationObserver?.disconnect();\n      mutationObserver = null;\n      return true;\n    }\n\n    // If target elements don't exist yet (e.g. headings mount after ToC),\n    // watch for DOM changes and retry until they appear.\n    if (!startObserving()) {\n      const watchRoot = rootEl ?? document.body;\n      mutationObserver = new MutationObserver(() => {\n        startObserving();\n      });\n      mutationObserver.observe(watchRoot, { childList: true, subtree: true });\n    }\n\n    const entries = visibleEntries.current;\n    return () => {\n      mutationObserver?.disconnect();\n      intersectionObserver?.disconnect();\n      entries.clear();\n    };\n  }, [selectors, ids, rootMargin, threshold, rootEl, enabled]);\n\n  return { activeId };\n}\n"]}

package/dist/{chunk-ORUPC5TV.cjs → chunk-QASIWBXU.cjs}

@@ -61,7 +61,7 @@ function Tabs({
     TabsContext.Provider,
     {
       value: { value, onValueChange: handleValueChange, variant },
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkOR5DRJCW_cjs.cn("w-full", className), children })
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "tabs", className: chunkOR5DRJCW_cjs.cn("w-full", className), children })
     }
   );
 }
@@ -132,6 +132,7 @@ var TabsList = React__namespace.forwardRef(
           }
         },
         role: "tablist",
+        "data-slot": "tabs-list",
         tabIndex: 0,
         onKeyDown: handleKeyDown,
         className: chunkOR5DRJCW_cjs.cn(tabsListVariants({ variant }), className),
@@ -156,7 +157,8 @@ var tabsTriggerVariants = classVarianceAuthority.cva(
           "px-4 py-2 -mb-px",
           "border-b-2 border-transparent",
           "text-muted-foreground hover:text-foreground",
-          "data-[state=active]:border-primary-700 data-[state=active]:text-primary-800"
+          "data-[state=active]:border-primary-700 data-[state=active]:text-primary-800",
+          "dark:data-[state=active]:border-primary-400 dark:data-[state=active]:text-primary-400"
         ],
         pills: [
           "px-3 py-1.5 rounded-md text-sm",
@@ -186,6 +188,7 @@ var TabsTrigger = React__namespace.forwardRef(
         ref,
         type: "button",
         role: "tab",
+        "data-slot": "tabs-trigger",
         "aria-selected": isSelected,
         "aria-controls": `tabpanel-${value}`,
         id: `tab-${value}`,
@@ -196,7 +199,7 @@ var TabsTrigger = React__namespace.forwardRef(
         className: chunkOR5DRJCW_cjs.cn(tabsTriggerVariants({ variant }), className),
         ...props,
         children: [
-          icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: icon }),
+          icon && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "tabs-trigger-icon", className: "shrink-0", children: icon }),
           children
         ]
       }
@@ -216,6 +219,7 @@ var TabsContent = React__namespace.forwardRef(
       {
         ref,
         role: "tabpanel",
+        "data-slot": "tabs-content",
         id: `tabpanel-${value}`,
         "aria-labelledby": `tab-${value}`,
         tabIndex: 0,
@@ -240,5 +244,5 @@ exports.TabsList = TabsList;
 exports.TabsTrigger = TabsTrigger;
 exports.tabsListVariants = tabsListVariants;
 exports.tabsTriggerVariants = tabsTriggerVariants;
-//# sourceMappingURL=chunk-ORUPC5TV.cjs.map
-//# sourceMappingURL=chunk-ORUPC5TV.cjs.map
+//# sourceMappingURL=chunk-QASIWBXU.cjs.map
+//# sourceMappingURL=chunk-QASIWBXU.cjs.map

package/dist/chunk-QASIWBXU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tabs/Tabs.tsx"],"names":["React","jsx","cn","cva","jsxs"],"mappings":"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","file":"chunk-QASIWBXU.cjs","sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Tabs Context\n// ============================================================================\n\ninterface TabsContextValue {\n  value: string;\n  onValueChange: (value: string) => void;\n  variant: 'underline' | 'pills' | 'enclosed';\n}\n\nconst TabsContext = React.createContext<TabsContextValue | undefined>(\n  undefined\n);\n\nfunction useTabsContext() {\n  const context = React.useContext(TabsContext);\n  if (!context) {\n    throw new Error('Tabs components must be used within a Tabs provider');\n  }\n  return context;\n}\n\n// ============================================================================\n// Tabs Root\n// ============================================================================\n\nexport interface TabsProps {\n  /** The controlled value of the selected tab */\n  value?: string;\n  /** The default value of the selected tab (uncontrolled) */\n  defaultValue?: string;\n  /** Callback when the selected tab changes */\n  onValueChange?: (value: string) => void;\n  /** Visual variant of the tabs */\n  variant?: 'underline' | 'pills' | 'enclosed';\n  /** Tab content */\n  children: React.ReactNode;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * Accessible tabs component with keyboard navigation.\n *\n * @example\n * ```tsx\n * <Tabs defaultValue=\"tab1\">\n *   <TabsList>\n *     <TabsTrigger value=\"tab1\">Tab 1</TabsTrigger>\n *     <TabsTrigger value=\"tab2\">Tab 2</TabsTrigger>\n *   </TabsList>\n *   <TabsContent value=\"tab1\">Content 1</TabsContent>\n *   <TabsContent value=\"tab2\">Content 2</TabsContent>\n * </Tabs>\n * ```\n */\nfunction Tabs({\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  variant = 'underline',\n  children,\n  className,\n}: TabsProps) {\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(\n    defaultValue || ''\n  );\n\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : uncontrolledValue;\n\n  const handleValueChange = React.useCallback(\n    (newValue: string) => {\n      if (!isControlled) {\n        setUncontrolledValue(newValue);\n      }\n      onValueChange?.(newValue);\n    },\n    [isControlled, onValueChange]\n  );\n\n  return (\n    <TabsContext.Provider\n      value={{ value, onValueChange: handleValueChange, variant }}\n    >\n      <div data-slot=\"tabs\" className={cn('w-full', className)}>\n        {children}\n      </div>\n    </TabsContext.Provider>\n  );\n}\n\nTabs.displayName = 'Tabs';\n\n// ============================================================================\n// Tabs List\n// ============================================================================\n\nconst tabsListVariants = cva(['flex items-center'], {\n  variants: {\n    variant: {\n      underline: 'border-b border-border gap-0',\n      pills: 'gap-1 p-1 rounded-lg bg-muted',\n      enclosed: 'gap-0 border-b border-border',\n    },\n  },\n  defaultVariants: {\n    variant: 'underline',\n  },\n});\n\nexport type TabsListProps = React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * Container for tab triggers.\n */\nconst TabsList = React.forwardRef<HTMLDivElement, TabsListProps>(\n  ({ className, ...props }, ref) => {\n    const { variant } = useTabsContext();\n    const listRef = React.useRef<HTMLDivElement>(null);\n\n    // Keyboard navigation\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLDivElement>) => {\n        const list = listRef.current;\n        if (!list) return;\n\n        const triggers = Array.from(\n          list.querySelectorAll<HTMLButtonElement>(\n            '[role=\"tab\"]:not([disabled])'\n          )\n        );\n        const currentIndex = triggers.findIndex(\n          (trigger) => trigger === document.activeElement\n        );\n\n        let nextIndex: number;\n\n        switch (e.key) {\n          case 'ArrowRight':\n          case 'ArrowDown':\n            e.preventDefault();\n            nextIndex =\n              currentIndex === triggers.length - 1 ? 0 : currentIndex + 1;\n            triggers[nextIndex]?.focus();\n            break;\n          case 'ArrowLeft':\n          case 'ArrowUp':\n            e.preventDefault();\n            nextIndex =\n              currentIndex === 0 ? triggers.length - 1 : currentIndex - 1;\n            triggers[nextIndex]?.focus();\n            break;\n          case 'Home':\n            e.preventDefault();\n            triggers[0]?.focus();\n            break;\n          case 'End':\n            e.preventDefault();\n            triggers[triggers.length - 1]?.focus();\n            break;\n        }\n      },\n      []\n    );\n\n    return (\n      <div\n        ref={(node) => {\n          // Combine refs\n          (listRef as React.MutableRefObject<HTMLDivElement | null>).current =\n            node;\n          if (typeof ref === 'function') {\n            ref(node);\n          } else if (ref) {\n            ref.current = node;\n          }\n        }}\n        role=\"tablist\"\n        data-slot=\"tabs-list\"\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n        className={cn(tabsListVariants({ variant }), className)}\n        {...props}\n      />\n    );\n  }\n);\n\nTabsList.displayName = 'TabsList';\n\n// ============================================================================\n// Tabs Trigger\n// ============================================================================\n\nconst tabsTriggerVariants = cva(\n  [\n    'inline-flex items-center justify-center gap-2',\n    'font-medium transition-all duration-200',\n    'whitespace-nowrap',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    'disabled:pointer-events-none disabled:opacity-50',\n  ],\n  {\n    variants: {\n      variant: {\n        underline: [\n          'px-4 py-2 -mb-px',\n          'border-b-2 border-transparent',\n          'text-muted-foreground hover:text-foreground',\n          'data-[state=active]:border-primary-700 data-[state=active]:text-primary-800',\n          'dark:data-[state=active]:border-primary-400 dark:data-[state=active]:text-primary-400',\n        ],\n        pills: [\n          'px-3 py-1.5 rounded-md text-sm',\n          'text-muted-foreground hover:text-foreground',\n          'data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',\n        ],\n        enclosed: [\n          'px-4 py-2 -mb-px',\n          'border border-transparent rounded-t-lg',\n          'text-muted-foreground hover:text-foreground',\n          'data-[state=active]:border-border data-[state=active]:border-b-background data-[state=active]:bg-background data-[state=active]:text-foreground',\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: 'underline',\n    },\n  }\n);\n\nexport interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** The value that identifies this tab */\n  value: string;\n  /** Icon to show before the label */\n  icon?: React.ReactNode;\n}\n\n/**\n * A tab trigger button.\n */\nconst TabsTrigger = React.forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  ({ className, value, icon, children, disabled, ...props }, ref) => {\n    const { value: selectedValue, onValueChange, variant } = useTabsContext();\n    const isSelected = selectedValue === value;\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        role=\"tab\"\n        data-slot=\"tabs-trigger\"\n        aria-selected={isSelected}\n        aria-controls={`tabpanel-${value}`}\n        id={`tab-${value}`}\n        tabIndex={isSelected ? 0 : -1}\n        data-state={isSelected ? 'active' : 'inactive'}\n        disabled={disabled}\n        onClick={() => onValueChange(value)}\n        className={cn(tabsTriggerVariants({ variant }), className)}\n        {...props}\n      >\n        {icon && (\n          <span data-slot=\"tabs-trigger-icon\" className=\"shrink-0\">\n            {icon}\n          </span>\n        )}\n        {children}\n      </button>\n    );\n  }\n);\n\nTabsTrigger.displayName = 'TabsTrigger';\n\n// ============================================================================\n// Tabs Content\n// ============================================================================\n\nexport interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** The value that identifies this content panel */\n  value: string;\n  /** Force mount the content (useful for animations) */\n  forceMount?: boolean;\n}\n\n/**\n * Content panel for a tab.\n */\nconst TabsContent = React.forwardRef<HTMLDivElement, TabsContentProps>(\n  ({ className, value, forceMount = false, children, ...props }, ref) => {\n    const { value: selectedValue } = useTabsContext();\n    const isSelected = selectedValue === value;\n\n    if (!isSelected && !forceMount) {\n      return null;\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"tabpanel\"\n        data-slot=\"tabs-content\"\n        id={`tabpanel-${value}`}\n        aria-labelledby={`tab-${value}`}\n        tabIndex={0}\n        hidden={!isSelected}\n        data-state={isSelected ? 'active' : 'inactive'}\n        className={cn(\n          'focus-visible:ring-ring mt-4 rounded-lg focus-visible:ring-2 focus-visible:outline-none',\n          !isSelected && 'hidden',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nTabsContent.displayName = 'TabsContent';\n\nexport {\n  Tabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n  tabsListVariants,\n  tabsTriggerVariants,\n};\n"]}

package/dist/{chunk-4LNS5QDP.cjs → chunk-QITBJX4A.cjs}

@@ -31,7 +31,7 @@ var bluehiveBrand = {
       border: "#e5e7eb",
       input: "#e5e7eb",
       ring: "#27aae1",
-      destructive: "#ef4444",
+      destructive: "#dc2626",
       destructiveForeground: "#ffffff",
       success: "#22c55e",
       successForeground: "#ffffff",
@@ -80,5 +80,5 @@ var bluehiveBrand = {
 };
 
 exports.bluehiveBrand = bluehiveBrand;
-//# sourceMappingURL=chunk-4LNS5QDP.cjs.map
-//# sourceMappingURL=chunk-4LNS5QDP.cjs.map
+//# sourceMappingURL=chunk-QITBJX4A.cjs.map
+//# sourceMappingURL=chunk-QITBJX4A.cjs.map

package/dist/{chunk-4LNS5QDP.cjs.map → chunk-QITBJX4A.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/brands/bluehive.ts"],"names":[],"mappings":";;;AAaO,IAAM,aAAA,GAA6B;AAAA,EACxC,IAAA,EAAM,UAAA;AAAA,EACN,WAAA,EAAa,iBAAA;AAAA,EACb,WAAA,EAAa,4DAAA;AAAA,EAEb,MAAA,EAAQ;AAAA;AAAA,IAEN,OAAA,EAAS;AAAA,MACP,EAAA,EAAI,SAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK;AAAA,KACP;AAAA;AAAA,IAGA,KAAA,EAAO;AAAA,MACL,UAAA,EAAY,SAAA;AAAA,MACZ,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,SAAA;AAAA,MACN,cAAA,EAAgB,SAAA;AAAA,MAChB,KAAA,EAAO,SAAA;AAAA,MACP,eAAA,EAAiB,SAAA;AAAA,MACjB,MAAA,EAAQ,SAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,WAAA,EAAa,SAAA;AAAA,MACb,qBAAA,EAAuB,SAAA;AAAA,MACvB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB,SAAA;AAAA,MACnB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB;AAAA,KACrB;AAAA;AAAA,IAGA,IAAA,EAAM;AAAA,MACJ,UAAA,EAAY,SAAA;AAAA,MACZ,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,SAAA;AAAA,MACN,cAAA,EAAgB,SAAA;AAAA,MAChB,KAAA,EAAO,SAAA;AAAA,MACP,eAAA,EAAiB,SAAA;AAAA,MACjB,MAAA,EAAQ,SAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,WAAA,EAAa,SAAA;AAAA,MACb,qBAAA,EAAuB,SAAA;AAAA,MACvB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB,SAAA;AAAA,MACnB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB;AAAA;AACrB,GACF;AAAA,EAEA,UAAA,EAAY;AAAA,IACV,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,CAAC,QAAA,EAAU,eAAA,EAAiB,aAAa,YAAY,CAAA;AAAA,MAC3D,IAAA,EAAM,CAAC,cAAA,EAAgB,gBAAA,EAAkB,SAAS,WAAW;AAAA;AAC/D,GACF;AAAA,EAEA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,GAAA;AAAA,IACN,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,QAAA;AAAA,IACJ,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,KAAA,EAAO,QAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EAEA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,+DAAA;AAAA,IACN,QAAA,EACE,kEAAA;AAAA,IACF,KAAA,EAAO;AAAA;AAEX","file":"chunk-4LNS5QDP.cjs","sourcesContent":["/**\n * BlueHive Brand Configuration\n *\n * The official brand theme for BlueHive Health.\n * Primary color: #27aae1 (BlueHive Blue)\n */\n\nimport type { BrandConfig } from './types';\n\n/**\n * BlueHive brand configuration.\n * This defines all the design tokens used in BlueHive Health applications.\n */\nexport const bluehiveBrand: BrandConfig = {\n  name: 'bluehive',\n  displayName: 'BlueHive Health',\n  description: 'DOT Physical scheduling and healthcare compliance platform',\n\n  colors: {\n    // Primary color scale - BlueHive Blue (#27aae1)\n    primary: {\n      50: '#e6f7fc',\n      100: '#b3e6f6',\n      200: '#80d5f0',\n      300: '#4dc4ea',\n      400: '#27aae1',\n      500: '#27aae1',\n      600: '#1f98ca',\n      700: '#1786b3',\n      800: '#0f749c',\n      900: '#086285',\n      950: '#00506e',\n    },\n\n    // Light mode semantic colors\n    light: {\n      background: '#ffffff',\n      foreground: '#171717',\n      card: '#ffffff',\n      cardForeground: '#171717',\n      muted: '#f5f5f5',\n      mutedForeground: '#737373',\n      border: '#e5e7eb',\n      input: '#e5e7eb',\n      ring: '#27aae1',\n      destructive: '#ef4444',\n      destructiveForeground: '#ffffff',\n      success: '#22c55e',\n      successForeground: '#ffffff',\n      warning: '#f59e0b',\n      warningForeground: '#ffffff',\n    },\n\n    // Dark mode semantic colors\n    dark: {\n      background: '#171717',\n      foreground: '#fafafa',\n      card: '#262626',\n      cardForeground: '#fafafa',\n      muted: '#404040',\n      mutedForeground: '#a1a1aa',\n      border: '#404040',\n      input: '#404040',\n      ring: '#27aae1',\n      destructive: '#dc2626',\n      destructiveForeground: '#fafafa',\n      success: '#16a34a',\n      successForeground: '#fafafa',\n      warning: '#d97706',\n      warningForeground: '#fafafa',\n    },\n  },\n\n  typography: {\n    fontFamily: {\n      sans: ['Nunito', 'ui-sans-serif', 'system-ui', 'sans-serif'],\n      mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'monospace'],\n    },\n  },\n\n  borderRadius: {\n    none: '0',\n    sm: '0.25rem',\n    md: '0.5rem',\n    lg: '0.75rem',\n    xl: '1rem',\n    '2xl': '1.5rem',\n    full: '9999px',\n  },\n\n  boxShadow: {\n    card: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n    dropdown:\n      '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n    modal: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n  },\n};\n\n/**\n * BlueHive Tailwind preset.\n * Use this in your tailwind.config.js:\n *\n * ```js\n * import { bluehivePreset } from '@mieweb/ui/brands/bluehive';\n *\n * export default {\n *   presets: [bluehivePreset],\n *   // ... rest of config\n * }\n * ```\n */\nexport { bluehiveBrand as default };\n"]}
+{"version":3,"sources":["../src/brands/bluehive.ts"],"names":[],"mappings":";;;AAaO,IAAM,aAAA,GAA6B;AAAA,EACxC,IAAA,EAAM,UAAA;AAAA,EACN,WAAA,EAAa,iBAAA;AAAA,EACb,WAAA,EAAa,4DAAA;AAAA,EAEb,MAAA,EAAQ;AAAA;AAAA,IAEN,OAAA,EAAS;AAAA,MACP,EAAA,EAAI,SAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK;AAAA,KACP;AAAA;AAAA,IAGA,KAAA,EAAO;AAAA,MACL,UAAA,EAAY,SAAA;AAAA,MACZ,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,SAAA;AAAA,MACN,cAAA,EAAgB,SAAA;AAAA,MAChB,KAAA,EAAO,SAAA;AAAA,MACP,eAAA,EAAiB,SAAA;AAAA,MACjB,MAAA,EAAQ,SAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,WAAA,EAAa,SAAA;AAAA,MACb,qBAAA,EAAuB,SAAA;AAAA,MACvB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB,SAAA;AAAA,MACnB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB;AAAA,KACrB;AAAA;AAAA,IAGA,IAAA,EAAM;AAAA,MACJ,UAAA,EAAY,SAAA;AAAA,MACZ,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,SAAA;AAAA,MACN,cAAA,EAAgB,SAAA;AAAA,MAChB,KAAA,EAAO,SAAA;AAAA,MACP,eAAA,EAAiB,SAAA;AAAA,MACjB,MAAA,EAAQ,SAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,WAAA,EAAa,SAAA;AAAA,MACb,qBAAA,EAAuB,SAAA;AAAA,MACvB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB,SAAA;AAAA,MACnB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB;AAAA;AACrB,GACF;AAAA,EAEA,UAAA,EAAY;AAAA,IACV,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,CAAC,QAAA,EAAU,eAAA,EAAiB,aAAa,YAAY,CAAA;AAAA,MAC3D,IAAA,EAAM,CAAC,cAAA,EAAgB,gBAAA,EAAkB,SAAS,WAAW;AAAA;AAC/D,GACF;AAAA,EAEA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,GAAA;AAAA,IACN,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,QAAA;AAAA,IACJ,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,KAAA,EAAO,QAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EAEA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,+DAAA;AAAA,IACN,QAAA,EACE,kEAAA;AAAA,IACF,KAAA,EAAO;AAAA;AAEX","file":"chunk-QITBJX4A.cjs","sourcesContent":["/**\n * BlueHive Brand Configuration\n *\n * The official brand theme for BlueHive Health.\n * Primary color: #27aae1 (BlueHive Blue)\n */\n\nimport type { BrandConfig } from './types';\n\n/**\n * BlueHive brand configuration.\n * This defines all the design tokens used in BlueHive Health applications.\n */\nexport const bluehiveBrand: BrandConfig = {\n  name: 'bluehive',\n  displayName: 'BlueHive Health',\n  description: 'DOT Physical scheduling and healthcare compliance platform',\n\n  colors: {\n    // Primary color scale - BlueHive Blue (#27aae1)\n    primary: {\n      50: '#e6f7fc',\n      100: '#b3e6f6',\n      200: '#80d5f0',\n      300: '#4dc4ea',\n      400: '#27aae1',\n      500: '#27aae1',\n      600: '#1f98ca',\n      700: '#1786b3',\n      800: '#0f749c',\n      900: '#086285',\n      950: '#00506e',\n    },\n\n    // Light mode semantic colors\n    light: {\n      background: '#ffffff',\n      foreground: '#171717',\n      card: '#ffffff',\n      cardForeground: '#171717',\n      muted: '#f5f5f5',\n      mutedForeground: '#737373',\n      border: '#e5e7eb',\n      input: '#e5e7eb',\n      ring: '#27aae1',\n      destructive: '#dc2626',\n      destructiveForeground: '#ffffff',\n      success: '#22c55e',\n      successForeground: '#ffffff',\n      warning: '#f59e0b',\n      warningForeground: '#ffffff',\n    },\n\n    // Dark mode semantic colors\n    dark: {\n      background: '#171717',\n      foreground: '#fafafa',\n      card: '#262626',\n      cardForeground: '#fafafa',\n      muted: '#404040',\n      mutedForeground: '#a1a1aa',\n      border: '#404040',\n      input: '#404040',\n      ring: '#27aae1',\n      destructive: '#dc2626',\n      destructiveForeground: '#fafafa',\n      success: '#16a34a',\n      successForeground: '#fafafa',\n      warning: '#d97706',\n      warningForeground: '#fafafa',\n    },\n  },\n\n  typography: {\n    fontFamily: {\n      sans: ['Nunito', 'ui-sans-serif', 'system-ui', 'sans-serif'],\n      mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'monospace'],\n    },\n  },\n\n  borderRadius: {\n    none: '0',\n    sm: '0.25rem',\n    md: '0.5rem',\n    lg: '0.75rem',\n    xl: '1rem',\n    '2xl': '1.5rem',\n    full: '9999px',\n  },\n\n  boxShadow: {\n    card: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n    dropdown:\n      '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n    modal: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n  },\n};\n\n/**\n * BlueHive Tailwind preset.\n * Use this in your tailwind.config.js:\n *\n * ```js\n * import { bluehivePreset } from '@mieweb/ui/brands/bluehive';\n *\n * export default {\n *   presets: [bluehivePreset],\n *   // ... rest of config\n * }\n * ```\n */\nexport { bluehiveBrand as default };\n"]}

package/dist/{chunk-KEIA2G6O.cjs → chunk-QO6U5VOT.cjs}

@@ -31,7 +31,7 @@ var ozwellBrand = {
       border: "#e5e7eb",
       input: "#e5e7eb",
       ring: "#27aae1",
-      destructive: "#ef4444",
+      destructive: "#dc2626",
       destructiveForeground: "#ffffff",
       success: "#22c55e",
       successForeground: "#ffffff",
@@ -80,5 +80,5 @@ var ozwellBrand = {
 };
 
 exports.ozwellBrand = ozwellBrand;
-//# sourceMappingURL=chunk-KEIA2G6O.cjs.map
-//# sourceMappingURL=chunk-KEIA2G6O.cjs.map
+//# sourceMappingURL=chunk-QO6U5VOT.cjs.map
+//# sourceMappingURL=chunk-QO6U5VOT.cjs.map

package/dist/{chunk-KEIA2G6O.cjs.map → chunk-QO6U5VOT.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/brands/ozwell.ts"],"names":[],"mappings":";;;AAcO,IAAM,WAAA,GAA2B;AAAA,EACtC,IAAA,EAAM,QAAA;AAAA,EACN,WAAA,EAAa,QAAA;AAAA,EACb,WAAA,EAAa,wCAAA;AAAA,EAEb,MAAA,EAAQ;AAAA;AAAA,IAEN,OAAA,EAAS;AAAA,MACP,EAAA,EAAI,SAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK;AAAA,KACP;AAAA;AAAA,IAGA,KAAA,EAAO;AAAA,MACL,UAAA,EAAY,SAAA;AAAA,MACZ,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,SAAA;AAAA,MACN,cAAA,EAAgB,SAAA;AAAA,MAChB,KAAA,EAAO,SAAA;AAAA,MACP,eAAA,EAAiB,SAAA;AAAA,MACjB,MAAA,EAAQ,SAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,WAAA,EAAa,SAAA;AAAA,MACb,qBAAA,EAAuB,SAAA;AAAA,MACvB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB,SAAA;AAAA,MACnB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB;AAAA,KACrB;AAAA;AAAA,IAGA,IAAA,EAAM;AAAA,MACJ,UAAA,EAAY,SAAA;AAAA,MACZ,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,SAAA;AAAA,MACN,cAAA,EAAgB,SAAA;AAAA,MAChB,KAAA,EAAO,SAAA;AAAA,MACP,eAAA,EAAiB,SAAA;AAAA,MACjB,MAAA,EAAQ,2BAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,WAAA,EAAa,SAAA;AAAA,MACb,qBAAA,EAAuB,SAAA;AAAA,MACvB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB,SAAA;AAAA,MACnB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB;AAAA;AACrB,GACF;AAAA,EAEA,UAAA,EAAY;AAAA,IACV,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,CAAC,QAAA,EAAU,eAAA,EAAiB,aAAa,YAAY,CAAA;AAAA,MAC3D,IAAA,EAAM,CAAC,cAAA,EAAgB,gBAAA,EAAkB,SAAS,WAAW;AAAA;AAC/D,GACF;AAAA,EAEA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,GAAA;AAAA,IACN,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,QAAA;AAAA,IACJ,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,KAAA,EAAO,QAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EAEA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,+DAAA;AAAA,IACN,QAAA,EACE,kEAAA;AAAA,IACF,KAAA,EAAO;AAAA;AAEX","file":"chunk-KEIA2G6O.cjs","sourcesContent":["/**\n * Ozwell Brand Configuration\n *\n * The official brand theme for Ozwell AI Assistant.\n * Primary color: #27aae1 (BlueHive Blue)\n * Font: Nunito\n */\n\nimport type { BrandConfig } from './types';\n\n/**\n * Ozwell brand configuration.\n * This defines all the design tokens used in the Ozwell AI Assistant.\n */\nexport const ozwellBrand: BrandConfig = {\n  name: 'ozwell',\n  displayName: 'Ozwell',\n  description: 'Ozwell AI Assistant by BlueHive Health',\n\n  colors: {\n    // Primary color scale - BlueHive Blue (#27aae1)\n    primary: {\n      50: '#e6f7fc',\n      100: '#b3e6f6',\n      200: '#80d5f0',\n      300: '#4dc4ea',\n      400: '#27aae1',\n      500: '#27aae1',\n      600: '#1f98ca',\n      700: '#1786b3',\n      800: '#0f749c',\n      900: '#086285',\n      950: '#00506e',\n    },\n\n    // Light mode semantic colors\n    light: {\n      background: '#ffffff',\n      foreground: '#171717',\n      card: '#ffffff',\n      cardForeground: '#171717',\n      muted: '#f5f5f5',\n      mutedForeground: '#737373',\n      border: '#e5e7eb',\n      input: '#e5e7eb',\n      ring: '#27aae1',\n      destructive: '#ef4444',\n      destructiveForeground: '#ffffff',\n      success: '#22c55e',\n      successForeground: '#ffffff',\n      warning: '#f59e0b',\n      warningForeground: '#ffffff',\n    },\n\n    // Dark mode semantic colors\n    dark: {\n      background: '#181818',\n      foreground: '#dee2e6',\n      card: '#181818',\n      cardForeground: '#dee2e6',\n      muted: '#2b3035',\n      mutedForeground: '#adb5bd',\n      border: 'rgba(255, 255, 255, 0.15)',\n      input: '#495057',\n      ring: '#27aae1',\n      destructive: '#dc2626',\n      destructiveForeground: '#fafafa',\n      success: '#16a34a',\n      successForeground: '#fafafa',\n      warning: '#d97706',\n      warningForeground: '#fafafa',\n    },\n  },\n\n  typography: {\n    fontFamily: {\n      sans: ['Nunito', 'ui-sans-serif', 'system-ui', 'sans-serif'],\n      mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'monospace'],\n    },\n  },\n\n  borderRadius: {\n    none: '0',\n    sm: '0.25rem',\n    md: '0.5rem',\n    lg: '0.75rem',\n    xl: '1rem',\n    '2xl': '1.5rem',\n    full: '9999px',\n  },\n\n  boxShadow: {\n    card: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n    dropdown:\n      '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n    modal: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n  },\n};\n"]}
+{"version":3,"sources":["../src/brands/ozwell.ts"],"names":[],"mappings":";;;AAcO,IAAM,WAAA,GAA2B;AAAA,EACtC,IAAA,EAAM,QAAA;AAAA,EACN,WAAA,EAAa,QAAA;AAAA,EACb,WAAA,EAAa,wCAAA;AAAA,EAEb,MAAA,EAAQ;AAAA;AAAA,IAEN,OAAA,EAAS;AAAA,MACP,EAAA,EAAI,SAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK;AAAA,KACP;AAAA;AAAA,IAGA,KAAA,EAAO;AAAA,MACL,UAAA,EAAY,SAAA;AAAA,MACZ,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,SAAA;AAAA,MACN,cAAA,EAAgB,SAAA;AAAA,MAChB,KAAA,EAAO,SAAA;AAAA,MACP,eAAA,EAAiB,SAAA;AAAA,MACjB,MAAA,EAAQ,SAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,WAAA,EAAa,SAAA;AAAA,MACb,qBAAA,EAAuB,SAAA;AAAA,MACvB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB,SAAA;AAAA,MACnB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB;AAAA,KACrB;AAAA;AAAA,IAGA,IAAA,EAAM;AAAA,MACJ,UAAA,EAAY,SAAA;AAAA,MACZ,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,SAAA;AAAA,MACN,cAAA,EAAgB,SAAA;AAAA,MAChB,KAAA,EAAO,SAAA;AAAA,MACP,eAAA,EAAiB,SAAA;AAAA,MACjB,MAAA,EAAQ,2BAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,WAAA,EAAa,SAAA;AAAA,MACb,qBAAA,EAAuB,SAAA;AAAA,MACvB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB,SAAA;AAAA,MACnB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB;AAAA;AACrB,GACF;AAAA,EAEA,UAAA,EAAY;AAAA,IACV,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,CAAC,QAAA,EAAU,eAAA,EAAiB,aAAa,YAAY,CAAA;AAAA,MAC3D,IAAA,EAAM,CAAC,cAAA,EAAgB,gBAAA,EAAkB,SAAS,WAAW;AAAA;AAC/D,GACF;AAAA,EAEA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,GAAA;AAAA,IACN,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,QAAA;AAAA,IACJ,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,KAAA,EAAO,QAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EAEA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,+DAAA;AAAA,IACN,QAAA,EACE,kEAAA;AAAA,IACF,KAAA,EAAO;AAAA;AAEX","file":"chunk-QO6U5VOT.cjs","sourcesContent":["/**\n * Ozwell Brand Configuration\n *\n * The official brand theme for Ozwell AI Assistant.\n * Primary color: #27aae1 (BlueHive Blue)\n * Font: Nunito\n */\n\nimport type { BrandConfig } from './types';\n\n/**\n * Ozwell brand configuration.\n * This defines all the design tokens used in the Ozwell AI Assistant.\n */\nexport const ozwellBrand: BrandConfig = {\n  name: 'ozwell',\n  displayName: 'Ozwell',\n  description: 'Ozwell AI Assistant by BlueHive Health',\n\n  colors: {\n    // Primary color scale - BlueHive Blue (#27aae1)\n    primary: {\n      50: '#e6f7fc',\n      100: '#b3e6f6',\n      200: '#80d5f0',\n      300: '#4dc4ea',\n      400: '#27aae1',\n      500: '#27aae1',\n      600: '#1f98ca',\n      700: '#1786b3',\n      800: '#0f749c',\n      900: '#086285',\n      950: '#00506e',\n    },\n\n    // Light mode semantic colors\n    light: {\n      background: '#ffffff',\n      foreground: '#171717',\n      card: '#ffffff',\n      cardForeground: '#171717',\n      muted: '#f5f5f5',\n      mutedForeground: '#737373',\n      border: '#e5e7eb',\n      input: '#e5e7eb',\n      ring: '#27aae1',\n      destructive: '#dc2626',\n      destructiveForeground: '#ffffff',\n      success: '#22c55e',\n      successForeground: '#ffffff',\n      warning: '#f59e0b',\n      warningForeground: '#ffffff',\n    },\n\n    // Dark mode semantic colors\n    dark: {\n      background: '#181818',\n      foreground: '#dee2e6',\n      card: '#181818',\n      cardForeground: '#dee2e6',\n      muted: '#2b3035',\n      mutedForeground: '#adb5bd',\n      border: 'rgba(255, 255, 255, 0.15)',\n      input: '#495057',\n      ring: '#27aae1',\n      destructive: '#dc2626',\n      destructiveForeground: '#fafafa',\n      success: '#16a34a',\n      successForeground: '#fafafa',\n      warning: '#d97706',\n      warningForeground: '#fafafa',\n    },\n  },\n\n  typography: {\n    fontFamily: {\n      sans: ['Nunito', 'ui-sans-serif', 'system-ui', 'sans-serif'],\n      mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'monospace'],\n    },\n  },\n\n  borderRadius: {\n    none: '0',\n    sm: '0.25rem',\n    md: '0.5rem',\n    lg: '0.75rem',\n    xl: '1rem',\n    '2xl': '1.5rem',\n    full: '9999px',\n  },\n\n  boxShadow: {\n    card: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n    dropdown:\n      '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n    modal: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n  },\n};\n"]}

package/dist/{chunk-XVZ4SLQB.js → chunk-QVJBUWJQ.js}

@@ -101,6 +101,7 @@ function PulseRings({ variant }) {
     /* @__PURE__ */ jsx(
       "span",
       {
+        "data-slot": "record-button-pulse",
         className: cn("absolute inset-0 animate-ping rounded-full", ringColor),
         style: { animationDuration: "1.5s" }
       }
@@ -108,6 +109,7 @@ function PulseRings({ variant }) {
     /* @__PURE__ */ jsx(
       "span",
       {
+        "data-slot": "record-button-pulse",
         className: cn("absolute inset-0 animate-ping rounded-full", ringColor),
         style: { animationDuration: "1.5s", animationDelay: "0.5s" }
       }
@@ -116,19 +118,26 @@ function PulseRings({ variant }) {
 }
 function WaveformBars({ size }) {
   const barHeight = size === "sm" ? "h-2" : size === "md" ? "h-3" : "h-4";
-  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5", children: [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx(
-    "span",
+  return /* @__PURE__ */ jsx(
+    "div",
     {
-      className: cn(
-        "animate-waveform w-0.5 rounded-full bg-current",
-        barHeight
-      ),
-      style: {
-        animationDelay: `${i * 0.1}s`
-      }
-    },
-    i
-  )) });
+      "data-slot": "record-button-waveform",
+      className: "flex items-center gap-0.5",
+      children: [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "animate-waveform w-0.5 rounded-full bg-current",
+            barHeight
+          ),
+          style: {
+            animationDelay: `${i * 0.1}s`
+          }
+        },
+        i
+      ))
+    }
+  );
 }
 var recordButtonVariants = cva(
   [
@@ -412,36 +421,58 @@ var RecordButton = React.forwardRef(
       if (transcriptionState === "transcribing") return "Transcribing...";
       return null;
     };
-    return /* @__PURE__ */ jsxs("div", { className: "relative inline-flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          ref,
-          type: "button",
-          disabled: isDisabled,
-          onClick: handleClick,
-          ...props,
-          className: cn(
-            recordButtonVariants({ variant, size }),
-            getStateStyles(effectiveState, variant),
-            className
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "record-button",
+        className: "relative inline-flex items-center gap-2",
+        children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              ref,
+              type: "button",
+              disabled: isDisabled,
+              onClick: handleClick,
+              ...props,
+              "data-slot": "record-button-trigger",
+              className: cn(
+                recordButtonVariants({ variant, size }),
+                getStateStyles(effectiveState, variant),
+                className
+              ),
+              "aria-label": getAriaLabel(),
+              "aria-pressed": effectiveState === "recording" ? true : void 0,
+              "aria-busy": effectiveState === "processing" ? true : void 0,
+              children: [
+                effectiveState === "recording" && showPulse && /* @__PURE__ */ jsx(PulseRings, { variant }),
+                /* @__PURE__ */ jsx("span", { "data-slot": "record-button-icon", className: "relative z-10", children: renderIcon() })
+              ]
+            }
           ),
-          "aria-label": getAriaLabel(),
-          "aria-pressed": effectiveState === "recording" ? true : void 0,
-          "aria-busy": effectiveState === "processing" ? true : void 0,
-          children: [
-            effectiveState === "recording" && showPulse && /* @__PURE__ */ jsx(PulseRings, { variant }),
-            /* @__PURE__ */ jsx("span", { className: "relative z-10", children: renderIcon() })
-          ]
-        }
-      ),
-      showDuration && isRecording && /* @__PURE__ */ jsx("span", { className: "text-destructive font-mono text-xs tabular-nums", children: formatDuration(duration) }),
-      showTranscriptionState && getTranscriptionLabel() && /* @__PURE__ */ jsx("span", { className: "text-primary text-xs font-medium", children: getTranscriptionLabel() })
-    ] });
+          showDuration && isRecording && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-slot": "record-button-duration",
+              className: "text-destructive font-mono text-xs tabular-nums",
+              children: formatDuration(duration)
+            }
+          ),
+          showTranscriptionState && getTranscriptionLabel() && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-slot": "record-button-transcription",
+              className: "text-primary text-xs font-medium",
+              children: getTranscriptionLabel()
+            }
+          )
+        ]
+      }
+    );
   }
 );
 RecordButton.displayName = "RecordButton";
 
 export { RecordButton, formatDuration, recordButtonVariants };
-//# sourceMappingURL=chunk-XVZ4SLQB.js.map
-//# sourceMappingURL=chunk-XVZ4SLQB.js.map
+//# sourceMappingURL=chunk-QVJBUWJQ.js.map
+//# sourceMappingURL=chunk-QVJBUWJQ.js.map

package/dist/chunk-QVJBUWJQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RecordButton/RecordButton.tsx"],"names":[],"mappings":"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","file":"chunk-QVJBUWJQ.js","sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type RecordButtonState =\n  | 'idle'\n  | 'recording'\n  | 'processing'\n  | 'disabled'\n  | 'error'\n  | 'success';\n\nexport type RecordButtonVariant = 'default' | 'outline' | 'ghost' | 'minimal';\nexport type RecordButtonSize = 'sm' | 'md' | 'lg';\n\n/** Transcription state for integration with transcription services */\nexport type TranscriptionState =\n  | 'idle'\n  | 'recording'\n  | 'transcribing'\n  | 'streaming'\n  | 'complete'\n  | 'error';\n\nexport interface TranscriptionResult {\n  /** The transcribed text */\n  text: string;\n  /** Whether this is a partial (streaming) or final result */\n  isFinal: boolean;\n  /** Confidence score (0-1) if available */\n  confidence?: number;\n}\n\nexport interface RecordButtonProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  'children'\n> {\n  /** Current state of the button */\n  state?: RecordButtonState;\n  /** Size of the button */\n  size?: RecordButtonSize;\n  /** Visual style variant */\n  variant?: RecordButtonVariant;\n  /** Show waveform bars when recording (instead of stop icon) */\n  showWaveform?: boolean;\n  /** Show pulse rings when recording */\n  showPulse?: boolean;\n  /** Show recording duration while recording */\n  showDuration?: boolean;\n  /** Custom idle icon */\n  idleIcon?: React.ReactNode;\n  /** Custom recording icon */\n  recordingIcon?: React.ReactNode;\n  /** Current transcription state (for external control) */\n  transcriptionState?: TranscriptionState;\n  /** Show transcription state indicator */\n  showTranscriptionState?: boolean;\n\n  // Recording callbacks (for uncontrolled usage)\n  /** Callback when recording is complete with the audio blob */\n  onRecordingComplete?: (blob: Blob, duration: number) => void;\n  /** Callback when recording starts */\n  onRecordingStart?: () => void;\n  /** Callback when a recording error occurs */\n  onRecordingError?: (error: Error) => void;\n  /** Maximum recording duration in seconds (0 for unlimited) */\n  maxDuration?: number;\n  /** Audio MIME type */\n  mimeType?: string;\n}\n\n// ============================================================================\n// Icons\n// ============================================================================\n\nfunction MicIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\" />\n      <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\" />\n      <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\" />\n    </svg>\n  );\n}\n\nfunction MicOffIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <line x1=\"2\" x2=\"22\" y1=\"2\" y2=\"22\" />\n      <path d=\"M18.89 13.23A7.12 7.12 0 0 0 19 12v-2\" />\n      <path d=\"M5 10v2a7 7 0 0 0 12 5\" />\n      <path d=\"M15 9.34V5a3 3 0 0 0-5.68-1.33\" />\n      <path d=\"M9 9v3a3 3 0 0 0 5.12 2.12\" />\n      <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\" />\n    </svg>\n  );\n}\n\nfunction StopIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"2\" />\n    </svg>\n  );\n}\n\nfunction CheckIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  );\n}\n\nfunction LoadingSpinner({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={cn('animate-spin', className)}\n      aria-hidden=\"true\"\n    >\n      <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n    </svg>\n  );\n}\n\n// ============================================================================\n// Pulse Ring Animation (for recording state)\n// ============================================================================\n\nfunction PulseRings({ variant }: { variant: RecordButtonVariant }) {\n  const ringColor = variant === 'minimal' ? 'bg-red-500/30' : 'bg-red-400/40';\n\n  return (\n    <>\n      <span\n        data-slot=\"record-button-pulse\"\n        className={cn('absolute inset-0 animate-ping rounded-full', ringColor)}\n        style={{ animationDuration: '1.5s' }}\n      />\n      <span\n        data-slot=\"record-button-pulse\"\n        className={cn('absolute inset-0 animate-ping rounded-full', ringColor)}\n        style={{ animationDuration: '1.5s', animationDelay: '0.5s' }}\n      />\n    </>\n  );\n}\n\n// ============================================================================\n// Waveform Animation (for recording state)\n// ============================================================================\n\nfunction WaveformBars({ size }: { size: RecordButtonSize }) {\n  const barHeight = size === 'sm' ? 'h-2' : size === 'md' ? 'h-3' : 'h-4';\n\n  return (\n    <div\n      data-slot=\"record-button-waveform\"\n      className=\"flex items-center gap-0.5\"\n    >\n      {[0, 1, 2, 3, 4].map((i) => (\n        <span\n          key={i}\n          className={cn(\n            'animate-waveform w-0.5 rounded-full bg-current',\n            barHeight\n          )}\n          style={{\n            animationDelay: `${i * 0.1}s`,\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n\n// ============================================================================\n// Style Variants\n// ============================================================================\n\nconst recordButtonVariants = cva(\n  [\n    'relative inline-flex items-center justify-center rounded-full',\n    'transition-all duration-200',\n    'outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n  ],\n  {\n    variants: {\n      variant: {\n        default: '',\n        outline: 'border-2',\n        ghost: '',\n        minimal: '',\n      },\n      size: {\n        sm: 'size-10',\n        md: 'size-12',\n        lg: 'size-14',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n);\n\nconst iconSizes: Record<RecordButtonSize, string> = {\n  sm: 'size-4',\n  md: 'size-5',\n  lg: 'size-6',\n};\n\n// ============================================================================\n// State Styles\n// ============================================================================\n\nfunction getStateStyles(\n  state: RecordButtonState,\n  variant: RecordButtonVariant\n): string {\n  const styles: Record<\n    RecordButtonVariant,\n    Record<RecordButtonState, string>\n  > = {\n    default: {\n      idle: 'bg-primary/10 text-primary hover:bg-primary/20',\n      recording: 'bg-red-500/10 text-red-500 hover:bg-red-500/20',\n      processing: 'bg-primary/10 text-primary cursor-wait',\n      disabled: 'bg-muted text-muted-foreground cursor-not-allowed opacity-50',\n      error: 'bg-destructive/10 text-destructive',\n      success: 'bg-success/10 text-success',\n    },\n    outline: {\n      idle: 'border-primary/50 text-primary bg-transparent hover:bg-primary/10 hover:border-primary',\n      recording:\n        'border-red-500/50 text-red-500 bg-transparent hover:bg-red-500/10 hover:border-red-500',\n      processing: 'border-primary/50 text-primary bg-transparent cursor-wait',\n      disabled:\n        'border-muted text-muted-foreground bg-transparent cursor-not-allowed opacity-50',\n      error: 'border-destructive/50 text-destructive bg-transparent',\n      success: 'border-success/50 text-success bg-transparent',\n    },\n    ghost: {\n      idle: 'text-primary hover:bg-primary/10',\n      recording: 'text-red-500 hover:bg-red-500/10',\n      processing: 'text-primary bg-primary/5 cursor-wait',\n      disabled: 'text-muted-foreground cursor-not-allowed opacity-50',\n      error: 'text-destructive',\n      success: 'text-success',\n    },\n    minimal: {\n      idle: 'text-primary hover:text-primary/80',\n      recording: 'text-red-500 hover:text-red-500/80',\n      processing: 'text-primary cursor-wait',\n      disabled: 'text-muted-foreground/40 cursor-not-allowed',\n      error: 'text-destructive',\n      success: 'text-success',\n    },\n  };\n\n  return styles[variant][state];\n}\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\nfunction formatDuration(seconds: number): string {\n  const mins = Math.floor(seconds / 60);\n  const secs = Math.floor(seconds % 60);\n  return `${mins}:${secs.toString().padStart(2, '0')}`;\n}\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\n/**\n * A voice recording button with 6 states and 4 visual variants.\n * Supports pulse animations, waveform visualization, and transcription integration.\n *\n * ## Controlled vs Uncontrolled Mode\n *\n * **Uncontrolled mode** (default): The component manages its own recording state.\n * Use `onRecordingComplete`, `onRecordingStart`, and `onRecordingError` callbacks.\n *\n * **Controlled mode**: When the `state` prop is provided, the component becomes\n * controlled and you must manage state changes externally. Note: In controlled mode,\n * the internal MediaRecorder functionality is disabled - you must implement your own\n * recording logic.\n *\n * ## State Precedence\n *\n * When multiple state-controlling props are provided, they follow this precedence:\n * 1. `disabled` prop (highest priority)\n * 2. `transcriptionState` prop\n * 3. `state` prop\n * 4. Internal state (uncontrolled)\n *\n * @example\n * ```tsx\n * // Uncontrolled with recording callbacks\n * <RecordButton\n *   onRecordingComplete={(blob, duration) => console.log('Recorded:', blob)}\n *   onRecordingError={(error) => console.error('Recording failed:', error)}\n * />\n *\n * // Controlled state (requires external recording implementation)\n * <RecordButton state=\"idle\" onClick={handleClick} />\n *\n * // Different variants\n * <RecordButton variant=\"outline\" size=\"lg\" />\n *\n * // With waveform animation\n * <RecordButton state=\"recording\" showWaveform showPulse />\n * ```\n */\nconst RecordButton = React.forwardRef<HTMLButtonElement, RecordButtonProps>(\n  (\n    {\n      className,\n      variant = 'default',\n      size = 'md',\n      state: controlledState,\n      showWaveform = false,\n      showPulse = true,\n      disabled,\n      showDuration = false,\n      idleIcon,\n      recordingIcon,\n      transcriptionState,\n      showTranscriptionState = false,\n      onRecordingComplete,\n      onRecordingStart,\n      onRecordingError,\n      maxDuration = 0,\n      mimeType = 'audio/webm',\n      onClick,\n      ...props\n    },\n    ref\n  ) => {\n    // Internal state for uncontrolled usage\n    const [internalState, setInternalState] =\n      React.useState<RecordButtonState>('idle');\n    const [duration, setDuration] = React.useState(0);\n\n    const mediaRecorderRef = React.useRef<MediaRecorder | null>(null);\n    const streamRef = React.useRef<MediaStream | null>(null);\n    const chunksRef = React.useRef<Blob[]>([]);\n    const timerRef = React.useRef<number | undefined>(undefined);\n    const startTimeRef = React.useRef<number>(0);\n    const timeoutsRef = React.useRef<NodeJS.Timeout[]>([]);\n\n    // Helper to track and manage timeouts\n    const addTimeout = (callback: () => void, delay: number) => {\n      const id = setTimeout(() => {\n        callback();\n        // Remove from tracking after execution\n        timeoutsRef.current = timeoutsRef.current.filter((t) => t !== id);\n      }, delay);\n      timeoutsRef.current.push(id);\n      return id;\n    };\n\n    const clearAllTimeouts = () => {\n      timeoutsRef.current.forEach(clearTimeout);\n      timeoutsRef.current = [];\n    };\n\n    // Use controlled state if provided, otherwise internal state\n    const isControlled = controlledState !== undefined;\n    const currentState = isControlled ? controlledState : internalState;\n\n    // Map transcription state to button state if provided\n    // Precedence: disabled prop → transcriptionState → state prop → internal state\n    const effectiveState: RecordButtonState = disabled\n      ? 'disabled'\n      : transcriptionState === 'error'\n        ? 'error'\n        : transcriptionState === 'transcribing' ||\n            transcriptionState === 'streaming'\n          ? 'processing'\n          : transcriptionState === 'complete'\n            ? 'success'\n            : currentState;\n\n    // Dev mode warnings for conflicting states\n    React.useEffect(() => {\n      // Only warn in development\n      if (typeof window === 'undefined') return;\n\n      // Warn when disabled is true but other state props suggest a different visual state\n      if (\n        disabled &&\n        ((controlledState && controlledState !== 'disabled') ||\n          transcriptionState)\n      ) {\n        console.warn(\n          '[RecordButton]: `disabled` prop takes precedence over both `state` and `transcriptionState`. ' +\n            'When `disabled` is true, the button will always appear disabled.'\n        );\n      }\n\n      // Warn when both controlled state and transcriptionState are provided and conflict\n      if (controlledState !== undefined && transcriptionState !== undefined) {\n        const mappedTranscriptionState: RecordButtonState | undefined =\n          transcriptionState === 'error'\n            ? 'error'\n            : transcriptionState === 'transcribing' ||\n                transcriptionState === 'streaming'\n              ? 'processing'\n              : transcriptionState === 'complete'\n                ? 'success'\n                : undefined;\n\n        if (\n          mappedTranscriptionState !== undefined &&\n          mappedTranscriptionState !== controlledState\n        ) {\n          console.warn(\n            '[RecordButton]: `transcriptionState` takes precedence over `state`. ' +\n              `Received state=\"${controlledState}\" and transcriptionState=\"${transcriptionState}\". ` +\n              'This may lead to unexpected visual states.'\n          );\n        }\n      }\n    }, [disabled, controlledState, transcriptionState]);\n\n    const iconSize = iconSizes[size];\n    const isRecording = effectiveState === 'recording';\n    const isDisabled =\n      effectiveState === 'disabled' || effectiveState === 'processing';\n\n    // Cleanup on unmount\n    React.useEffect(() => {\n      return () => {\n        if (timerRef.current) {\n          clearInterval(timerRef.current);\n        }\n        clearAllTimeouts();\n        if (streamRef.current) {\n          streamRef.current.getTracks().forEach((track) => track.stop());\n        }\n      };\n    }, []);\n\n    const stopRecording = React.useCallback(() => {\n      if (timerRef.current) {\n        clearInterval(timerRef.current);\n      }\n\n      if (\n        mediaRecorderRef.current &&\n        mediaRecorderRef.current.state !== 'inactive'\n      ) {\n        mediaRecorderRef.current.stop();\n      }\n\n      if (streamRef.current) {\n        streamRef.current.getTracks().forEach((track) => track.stop());\n      }\n    }, []);\n\n    const startRecording = React.useCallback(async () => {\n      // Guard: don't start if disabled, already recording, or processing\n      if (\n        disabled ||\n        effectiveState === 'recording' ||\n        effectiveState === 'processing'\n      )\n        return;\n\n      try {\n        const stream = await navigator.mediaDevices.getUserMedia({\n          audio: true,\n        });\n        streamRef.current = stream;\n\n        const options = { mimeType };\n        if (!MediaRecorder.isTypeSupported(mimeType)) {\n          mediaRecorderRef.current = new MediaRecorder(stream);\n        } else {\n          mediaRecorderRef.current = new MediaRecorder(stream, options);\n        }\n\n        chunksRef.current = [];\n\n        mediaRecorderRef.current.ondataavailable = (e) => {\n          if (e.data.size > 0) {\n            chunksRef.current.push(e.data);\n          }\n        };\n\n        mediaRecorderRef.current.onstop = () => {\n          if (!isControlled) {\n            setInternalState('processing');\n          }\n\n          const blob = new Blob(chunksRef.current, { type: mimeType });\n          const finalDuration = duration;\n\n          // Small delay to show processing state\n          addTimeout(() => {\n            onRecordingComplete?.(blob, finalDuration);\n            if (!isControlled) {\n              setInternalState('success');\n              // Reset to idle after showing success\n              addTimeout(() => {\n                setInternalState('idle');\n              }, 1500);\n            }\n            setDuration(0);\n          }, 200);\n        };\n\n        mediaRecorderRef.current.start(100);\n        startTimeRef.current = Date.now();\n\n        if (!isControlled) {\n          setInternalState('recording');\n        }\n        onRecordingStart?.();\n\n        timerRef.current = window.setInterval(() => {\n          const elapsed = (Date.now() - startTimeRef.current) / 1000;\n          setDuration(elapsed);\n\n          if (maxDuration > 0 && elapsed >= maxDuration) {\n            stopRecording();\n          }\n        }, 100);\n      } catch (error) {\n        onRecordingError?.(error as Error);\n        if (!isControlled) {\n          setInternalState('error');\n          // Reset to idle after showing error\n          addTimeout(() => {\n            setInternalState('idle');\n          }, 2000);\n        }\n      }\n    }, [\n      disabled,\n      effectiveState,\n      isControlled,\n      mimeType,\n      maxDuration,\n      duration,\n      onRecordingComplete,\n      onRecordingStart,\n      onRecordingError,\n      stopRecording,\n    ]);\n\n    const handleClick = React.useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => {\n        // Call external onClick if provided\n        onClick?.(e);\n\n        // Handle internal recording logic only if not fully controlled\n        if (!isControlled) {\n          if (effectiveState === 'recording') {\n            stopRecording();\n          } else if (effectiveState === 'idle') {\n            startRecording();\n          }\n        }\n      },\n      [onClick, isControlled, effectiveState, startRecording, stopRecording]\n    );\n\n    // Determine which icon to show\n    const renderIcon = () => {\n      switch (effectiveState) {\n        case 'recording':\n          if (showWaveform) {\n            return <WaveformBars size={size} />;\n          }\n          return recordingIcon || <StopIcon className={iconSize} />;\n        case 'processing':\n          return <LoadingSpinner className={iconSize} />;\n        case 'disabled':\n        case 'error':\n          return <MicOffIcon className={iconSize} />;\n        case 'success':\n          return <CheckIcon className={iconSize} />;\n        default:\n          return idleIcon || <MicIcon className={iconSize} />;\n      }\n    };\n\n    const getAriaLabel = () => {\n      switch (effectiveState) {\n        case 'recording':\n          return 'Stop recording';\n        case 'processing':\n          return 'Processing recording';\n        case 'disabled':\n          return 'Recording unavailable';\n        case 'error':\n          return 'Recording failed';\n        case 'success':\n          return 'Recording complete';\n        default:\n          return 'Start recording';\n      }\n    };\n\n    const getTranscriptionLabel = () => {\n      if (transcriptionState === 'streaming') return 'Listening...';\n      if (transcriptionState === 'transcribing') return 'Transcribing...';\n      return null;\n    };\n\n    return (\n      <div\n        data-slot=\"record-button\"\n        className=\"relative inline-flex items-center gap-2\"\n      >\n        <button\n          ref={ref}\n          type=\"button\"\n          disabled={isDisabled}\n          onClick={handleClick}\n          {...props}\n          data-slot=\"record-button-trigger\"\n          className={cn(\n            recordButtonVariants({ variant, size }),\n            getStateStyles(effectiveState, variant),\n            className\n          )}\n          aria-label={getAriaLabel()}\n          aria-pressed={effectiveState === 'recording' ? true : undefined}\n          aria-busy={effectiveState === 'processing' ? true : undefined}\n        >\n          {/* Pulse animation for recording state */}\n          {effectiveState === 'recording' && showPulse && (\n            <PulseRings variant={variant} />\n          )}\n\n          {/* Icon */}\n          <span data-slot=\"record-button-icon\" className=\"relative z-10\">\n            {renderIcon()}\n          </span>\n        </button>\n\n        {/* Duration display */}\n        {showDuration && isRecording && (\n          <span\n            data-slot=\"record-button-duration\"\n            className=\"text-destructive font-mono text-xs tabular-nums\"\n          >\n            {formatDuration(duration)}\n          </span>\n        )}\n\n        {/* Transcription state label */}\n        {showTranscriptionState && getTranscriptionLabel() && (\n          <span\n            data-slot=\"record-button-transcription\"\n            className=\"text-primary text-xs font-medium\"\n          >\n            {getTranscriptionLabel()}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nRecordButton.displayName = 'RecordButton';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { RecordButton, recordButtonVariants, formatDuration };\n"]}