npm - @fragments-sdk/ui - Versions diffs - 0.13.0 → 0.15.1 - Mend

@fragments-sdk/ui 0.13.0 → 0.15.1

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

Files changed (1610) hide show

package/dist/components/NavigationMenu/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.js","sources":["../../../src/components/NavigationMenu/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { CaretDown, List, X } from '@phosphor-icons/react';\nimport { handleArrowNavigation, useFocusTrap } from '../../utils/a11y';\nimport { Collapsible } from '../Collapsible';\nimport { ScrollArea } from '../ScrollArea';\nimport {\n NavigationMenuContext,\n NavigationMenuItemContext,\n useNavigationMenuContext,\n useNavigationMenuItemContext,\n type NavigationMenuItemInfo,\n} from './NavigationMenuContext';\nimport { useNavigationMenu } from './useNavigationMenu';\nimport styles from './NavigationMenu.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {\n children: React.ReactNode;\n /** Controlled open item value */\n value?: string;\n /** Default open item value */\n defaultValue?: string;\n /** Callback when open item changes */\n onValueChange?: (value: string) => void;\n /** Menu orientation */\n orientation?: 'horizontal' | 'vertical';\n /** Delay before opening on hover (ms) */\n delayDuration?: number;\n /** Duration to skip delays between triggers (ms) */\n skipDelayDuration?: number;\n}\n\nexport interface NavigationMenuListProps {\n children: React.ReactNode;\n className?: string;\n}\n\nexport interface NavigationMenuItemProps {\n children: React.ReactNode;\n /** Unique item value (required for items with Trigger+Content) */\n value?: string;\n className?: string;\n}\n\nexport interface NavigationMenuTriggerProps {\n children: React.ReactNode;\n className?: string;\n}\n\nexport interface NavigationMenuContentProps {\n children: React.ReactNode;\n className?: string;\n}\n\nexport interface NavigationMenuLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n /** Simple mode: children as text content */\n children?: React.ReactNode;\n /** Structured mode: title text */\n title?: string;\n /** Structured mode: description text */\n description?: string;\n /** Structured mode: icon element */\n icon?: React.ReactNode;\n /** Whether this link is the current page */\n active?: boolean;\n /** Highlighted card style */\n featured?: boolean;\n /** Render as child element (polymorphic) */\n asChild?: boolean;\n}\n\nexport interface NavigationMenuIndicatorProps {\n className?: string;\n}\n\nexport interface NavigationMenuViewportProps {\n className?: string;\n}\n\nexport interface NavigationMenuMobileContentProps {\n children: React.ReactNode;\n}\n\nexport interface NavigationMenuMobileBrandProps {\n children: React.ReactNode;\n}\n\nexport interface NavigationMenuMobileSectionProps {\n children: React.ReactNode;\n /** Section heading label */\n label?: string;\n}\n\n// ============================================\n// Hooks\n// ============================================\n\nfunction useIsMobile() {\n const [isMobile, setIsMobile] = React.useState(false);\n\n React.useEffect(() => {\n if (typeof window === 'undefined') return;\n\n const mq = window.matchMedia('(max-width: 767px)');\n setIsMobile(mq.matches);\n\n const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches);\n mq.addEventListener('change', handler);\n return () => mq.removeEventListener('change', handler);\n }, []);\n\n return isMobile;\n}\n\n// ============================================\n// Root\n// ============================================\n\nfunction NavigationMenuRoot({\n children,\n value: controlledValue,\n defaultValue,\n onValueChange,\n orientation = 'horizontal',\n delayDuration = 200,\n skipDelayDuration = 300,\n className,\n 'aria-label': ariaLabel = 'Main navigation',\n ...htmlProps\n}: NavigationMenuProps) {\n const rootId = React.useId();\n const isMobile = useIsMobile();\n\n const state = useNavigationMenu({\n value: controlledValue,\n defaultValue,\n onValueChange,\n delayDuration,\n skipDelayDuration,\n });\n\n const classes = [\n styles.root,\n orientation === 'vertical' && styles.rootVertical,\n className,\n ].filter(Boolean).join(' ');\n\n const contextValue = React.useMemo(\n () => ({\n ...state,\n orientation,\n isMobile,\n rootId,\n }),\n [state, orientation, isMobile, rootId]\n );\n\n return (\n <NavigationMenuContext.Provider value={contextValue}>\n <nav {...htmlProps} className={classes} aria-label={ariaLabel} data-orientation={orientation}>\n {children}\n {isMobile && <MobileHamburger />}\n {isMobile && state.mobileOpen && <MobileDrawer />}\n </nav>\n </NavigationMenuContext.Provider>\n );\n}\n\n// ============================================\n// List\n// ============================================\n\nfunction NavigationMenuList({ children, className }: NavigationMenuListProps) {\n const { orientation, triggerOrder, triggerRefs, value } = useNavigationMenuContext();\n\n const listRef = React.useRef<HTMLUListElement>(null);\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n const order = triggerOrder.current;\n const focusedValue = (document.activeElement as HTMLElement | null)?.getAttribute('data-navmenu-value');\n const currentValue = focusedValue || value;\n const currentIdx = order.indexOf(currentValue);\n\n const newIdx = handleArrowNavigation(e, order, currentIdx >= 0 ? currentIdx : 0, {\n orientation: orientation === 'horizontal' ? 'horizontal' : 'vertical',\n loop: true,\n });\n\n if (newIdx !== undefined) {\n const targetValue = order[newIdx];\n const trigger = triggerRefs.current.get(targetValue);\n trigger?.focus();\n }\n };\n\n const classes = [\n styles.list,\n orientation === 'vertical' && styles.listVertical,\n className,\n ].filter(Boolean).join(' ');\n\n return (\n <ul\n ref={listRef}\n className={classes}\n role=\"list\"\n data-orientation={orientation}\n onKeyDown={handleKeyDown}\n >\n {children}\n </ul>\n );\n}\n\n// ============================================\n// Item\n// ============================================\n\nfunction NavigationMenuItem({ children, value: valueProp, className }: NavigationMenuItemProps) {\n const rootCtx = useNavigationMenuContext();\n const generatedValue = React.useId();\n const autoValue = valueProp || `navmenu-item-${generatedValue}`;\n const triggerId = `${rootCtx.rootId}-trigger-${autoValue}`;\n const contentId = `${rootCtx.rootId}-content-${autoValue}`;\n\n React.useEffect(() => {\n if (!rootCtx.itemOrder.current.includes(autoValue)) {\n rootCtx.itemOrder.current.push(autoValue);\n }\n\n const existing = rootCtx.itemInfoMap.current.get(autoValue);\n if (!existing) {\n rootCtx.itemInfoMap.current.set(autoValue, {\n value: autoValue,\n triggerLabel: '',\n contentChildren: null,\n });\n }\n\n return () => {\n rootCtx.itemOrder.current = rootCtx.itemOrder.current.filter(v => v !== autoValue);\n rootCtx.itemInfoMap.current.delete(autoValue);\n };\n }, [autoValue, rootCtx.itemInfoMap, rootCtx.itemOrder]);\n\n const itemCtx = React.useMemo(\n () => ({\n value: autoValue,\n triggerId,\n contentId,\n }),\n [autoValue, triggerId, contentId]\n );\n\n return (\n <NavigationMenuItemContext.Provider value={itemCtx}>\n <li className={className}>{children}</li>\n </NavigationMenuItemContext.Provider>\n );\n}\n\n// ============================================\n// Trigger\n// ============================================\n\nfunction NavigationMenuTrigger({ children, className }: NavigationMenuTriggerProps) {\n const ctx = useNavigationMenuContext();\n const itemCtx = useNavigationMenuItemContext();\n const isOpen = ctx.value === itemCtx.value;\n\n // Register trigger\n const triggerRef = React.useRef<HTMLButtonElement>(null);\n\n React.useEffect(() => {\n if (triggerRef.current) {\n ctx.triggerRefs.current.set(itemCtx.value, triggerRef.current);\n if (!ctx.triggerOrder.current.includes(itemCtx.value)) {\n ctx.triggerOrder.current.push(itemCtx.value);\n }\n }\n return () => {\n ctx.triggerRefs.current.delete(itemCtx.value);\n ctx.triggerOrder.current = ctx.triggerOrder.current.filter(v => v !== itemCtx.value);\n };\n // Only register/unregister on mount/unmount\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [itemCtx.value]);\n\n // Register item info for mobile drawer\n React.useEffect(() => {\n const label = typeof children === 'string' ? children : '';\n const existing = ctx.itemInfoMap.current.get(itemCtx.value);\n ctx.itemInfoMap.current.set(itemCtx.value, {\n ...existing,\n value: itemCtx.value,\n triggerLabel: label || existing?.triggerLabel || '',\n } as NavigationMenuItemInfo);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [itemCtx.value, children]);\n\n const handleClick = () => {\n ctx.setValue(isOpen ? '' : itemCtx.value);\n };\n\n const handlePointerEnter = () => {\n if (ctx.closeTimerRef.current) {\n clearTimeout(ctx.closeTimerRef.current);\n ctx.closeTimerRef.current = null;\n }\n\n // Skip delay if recently open\n if (ctx.isRecentlyOpenRef.current) {\n ctx.setValue(itemCtx.value);\n return;\n }\n\n ctx.openTimerRef.current = setTimeout(() => {\n ctx.setValue(itemCtx.value);\n }, ctx.delayDuration);\n };\n\n const handlePointerLeave = () => {\n if (ctx.openTimerRef.current) {\n clearTimeout(ctx.openTimerRef.current);\n ctx.openTimerRef.current = null;\n }\n\n ctx.closeTimerRef.current = setTimeout(() => {\n ctx.setValue('');\n }, ctx.delayDuration);\n };\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n ctx.setValue(isOpen ? '' : itemCtx.value);\n }\n if (e.key === 'Escape' && isOpen) {\n e.preventDefault();\n ctx.setValue('');\n triggerRef.current?.focus();\n }\n };\n\n const classes = [styles.trigger, className].filter(Boolean).join(' ');\n\n return (\n <button\n ref={triggerRef}\n type=\"button\"\n id={itemCtx.triggerId}\n className={classes}\n data-navmenu-value={itemCtx.value}\n aria-expanded={isOpen}\n aria-controls={itemCtx.contentId}\n data-state={isOpen ? 'open' : 'closed'}\n onClick={handleClick}\n onPointerEnter={handlePointerEnter}\n onPointerLeave={handlePointerLeave}\n onKeyDown={handleKeyDown}\n >\n {children}\n <CaretDown size={12} className={styles.triggerChevron} aria-hidden />\n </button>\n );\n}\n\n// ============================================\n// Content\n// ============================================\n\nfunction NavigationMenuContent({ children, className }: NavigationMenuContentProps) {\n const ctx = useNavigationMenuContext();\n const itemCtx = useNavigationMenuItemContext();\n const isOpen = ctx.value === itemCtx.value;\n const contentRef = React.useRef<HTMLDivElement>(null);\n\n // Register content children into item info (for mobile drawer)\n React.useEffect(() => {\n const existing = ctx.itemInfoMap.current.get(itemCtx.value);\n ctx.itemInfoMap.current.set(itemCtx.value, {\n ...existing,\n value: itemCtx.value,\n triggerLabel: existing?.triggerLabel || '',\n contentChildren: children,\n } as NavigationMenuItemInfo);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [itemCtx.value, children]);\n\n // Measure content for viewport animation\n React.useEffect(() => {\n if (!isOpen || !contentRef.current) return;\n\n const el = contentRef.current;\n const observer = new ResizeObserver(([entry]) => {\n if (entry) {\n ctx.setViewportSize({\n width: entry.contentRect.width,\n height: entry.contentRect.height,\n });\n }\n });\n observer.observe(el);\n\n // Initial measurement\n ctx.setViewportSize({\n width: el.scrollWidth,\n height: el.scrollHeight,\n });\n\n return () => observer.disconnect();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isOpen]);\n\n // Determine motion direction\n const prevValue = ctx.previousValue.current;\n const triggerOrder = ctx.triggerOrder.current;\n const prevIdx = triggerOrder.indexOf(prevValue);\n const currentIdx = triggerOrder.indexOf(itemCtx.value);\n let motion: string | undefined;\n if (isOpen && prevValue && prevValue !== itemCtx.value) {\n motion = currentIdx > prevIdx ? 'from-end' : 'from-start';\n }\n\n // Update previousValue when this content becomes active\n React.useEffect(() => {\n if (isOpen) {\n ctx.previousValue.current = itemCtx.value;\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isOpen, itemCtx.value]);\n\n if (!isOpen) return null;\n\n const classes = [styles.content, className].filter(Boolean).join(' ');\n\n const handlePointerEnter = () => {\n if (ctx.closeTimerRef.current) {\n clearTimeout(ctx.closeTimerRef.current);\n ctx.closeTimerRef.current = null;\n }\n };\n\n const handlePointerLeave = () => {\n ctx.closeTimerRef.current = setTimeout(() => {\n ctx.setValue('');\n }, ctx.delayDuration);\n };\n\n const contentElement = (\n <div\n ref={contentRef}\n id={itemCtx.contentId}\n className={classes}\n role=\"region\"\n aria-labelledby={itemCtx.triggerId}\n data-motion={motion}\n onPointerEnter={handlePointerEnter}\n onPointerLeave={handlePointerLeave}\n >\n {children}\n </div>\n );\n\n // Portal into viewport if it exists\n if (ctx.viewportRef.current) {\n return createPortal(contentElement, ctx.viewportRef.current);\n }\n\n return contentElement;\n}\n\n// ============================================\n// Link\n// ============================================\n\nfunction NavigationMenuLink({\n children,\n title,\n description,\n icon,\n active = false,\n featured = false,\n asChild = false,\n className,\n href,\n onClick,\n ...htmlProps\n}: NavigationMenuLinkProps) {\n const ctx = React.useContext(NavigationMenuContext);\n const itemCtx = React.useContext(NavigationMenuItemContext);\n const isStructured = !!(title || description || icon);\n\n React.useEffect(() => {\n if (!ctx || !itemCtx) return;\n\n const existing = ctx.itemInfoMap.current.get(itemCtx.value);\n const fallbackLabel = typeof children === 'string' ? children : title || '';\n const resolvedHref = typeof href === 'string' ? href : existing?.linkHref;\n\n ctx.itemInfoMap.current.set(itemCtx.value, {\n ...existing,\n value: itemCtx.value,\n triggerLabel: existing?.triggerLabel || fallbackLabel || '',\n contentChildren: existing?.contentChildren ?? null,\n linkHref: resolvedHref,\n });\n }, [ctx, itemCtx, children, title, href]);\n\n const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n onClick?.(e);\n // Close mobile drawer on link click\n if (ctx?.isMobile && ctx.mobileOpen) {\n ctx.setMobileOpen(false);\n }\n // Close desktop menu\n if (ctx) {\n ctx.setValue('');\n }\n };\n\n // Structured mode (title + description + icon)\n if (isStructured) {\n const classes = [\n styles.link,\n styles.linkStructured,\n active && styles.linkActive,\n featured && styles.linkFeatured,\n className,\n ].filter(Boolean).join(' ');\n\n const linkProps = {\n ...htmlProps,\n className: classes,\n href,\n 'aria-current': active ? ('page' as const) : undefined,\n onClick: handleClick,\n };\n\n if (asChild && React.isValidElement(children)) {\n return React.cloneElement(children, {\n ...linkProps,\n className: [classes, (children.props as { className?: string }).className].filter(Boolean).join(' '),\n children: (\n <>\n {icon && <span className={styles.linkIcon}>{icon}</span>}\n <span className={styles.linkBody}>\n {title && <span className={styles.linkTitle}>{title}</span>}\n {description && <span className={styles.linkDescription}>{description}</span>}\n </span>\n </>\n ),\n } as React.HTMLAttributes<HTMLElement>);\n }\n\n return (\n <a {...linkProps}>\n {icon && <span className={styles.linkIcon}>{icon}</span>}\n <span className={styles.linkBody}>\n {title && <span className={styles.linkTitle}>{title}</span>}\n {description && <span className={styles.linkDescription}>{description}</span>}\n </span>\n </a>\n );\n }\n\n // Simple link mode\n const classes = [\n styles.link,\n active && styles.linkActive,\n className,\n ].filter(Boolean).join(' ');\n\n const linkProps = {\n ...htmlProps,\n className: classes,\n href,\n 'aria-current': active ? ('page' as const) : undefined,\n onClick: handleClick,\n };\n\n if (asChild && React.isValidElement(children)) {\n return React.cloneElement(children, {\n ...linkProps,\n className: [classes, (children.props as { className?: string }).className].filter(Boolean).join(' '),\n } as React.HTMLAttributes<HTMLElement>);\n }\n\n return <a {...linkProps}>{children}</a>;\n}\n\n// ============================================\n// Indicator\n// ============================================\n\nfunction NavigationMenuIndicator({ className }: NavigationMenuIndicatorProps) {\n const { value, triggerRefs } = useNavigationMenuContext();\n const [style, setStyle] = React.useState<React.CSSProperties>({ opacity: 0 });\n\n React.useEffect(() => {\n if (!value) {\n setStyle({ opacity: 0 });\n return;\n }\n const trigger = triggerRefs.current.get(value);\n if (trigger) {\n const parent = trigger.closest('ul');\n if (parent) {\n const parentRect = parent.getBoundingClientRect();\n const triggerRect = trigger.getBoundingClientRect();\n setStyle({\n left: triggerRect.left - parentRect.left,\n width: triggerRect.width,\n opacity: 1,\n });\n }\n }\n }, [value, triggerRefs]);\n\n const classes = [styles.indicator, className].filter(Boolean).join(' ');\n\n return <div className={classes} style={style} aria-hidden />;\n}\n\n// ============================================\n// Viewport\n// ============================================\n\nfunction NavigationMenuViewport({ className }: NavigationMenuViewportProps) {\n const ctx = useNavigationMenuContext();\n const { viewportSize, viewportRef, value, triggerRefs } = ctx;\n const isOpen = !!value;\n\n // Compute the active trigger's left offset relative to the nav root\n const [triggerLeft, setTriggerLeft] = React.useState(0);\n\n React.useEffect(() => {\n if (!isOpen || !value) return;\n const trigger = triggerRefs.current.get(value);\n if (!trigger || !viewportRef.current) return;\n\n const navRoot = viewportRef.current.parentElement;\n if (!navRoot) return;\n\n const navRect = navRoot.getBoundingClientRect();\n const triggerRect = trigger.getBoundingClientRect();\n setTriggerLeft(triggerRect.left - navRect.left);\n }, [isOpen, value, triggerRefs, viewportRef]);\n\n const cssVars = {\n '--fui-navmenu-viewport-width': isOpen ? `${viewportSize.width}px` : '0px',\n '--fui-navmenu-viewport-height': isOpen ? `${viewportSize.height}px` : '0px',\n '--fui-navmenu-viewport-left': `${triggerLeft}px`,\n } as React.CSSProperties;\n\n // Mark skip-delay state\n React.useEffect(() => {\n if (isOpen) {\n ctx.isRecentlyOpenRef.current = true;\n if (ctx.skipDelayTimerRef.current) {\n clearTimeout(ctx.skipDelayTimerRef.current);\n }\n } else {\n ctx.skipDelayTimerRef.current = setTimeout(() => {\n ctx.isRecentlyOpenRef.current = false;\n }, ctx.skipDelayDuration);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isOpen]);\n\n const classes = [styles.viewport, className].filter(Boolean).join(' ');\n\n return (\n <div\n ref={viewportRef}\n className={classes}\n style={cssVars}\n data-state={isOpen ? 'open' : 'closed'}\n role=\"presentation\"\n />\n );\n}\n\n// ============================================\n// MobileContent (slot for extra mobile sections)\n// ============================================\n\nfunction NavigationMenuMobileContent({ children }: NavigationMenuMobileContentProps) {\n const ctx = useNavigationMenuContext();\n\n React.useEffect(() => {\n ctx.setMobileContentChildren(children);\n return () => ctx.setMobileContentChildren(null);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [children]);\n\n // This component renders nothing visually on desktop or in the tree.\n // Its children are extracted into the mobile drawer via context.\n return null;\n}\n\n// ============================================\n// MobileBrand (slot for brand in mobile drawer header)\n// ============================================\n\nfunction NavigationMenuMobileBrand({ children }: NavigationMenuMobileBrandProps) {\n const ctx = useNavigationMenuContext();\n\n React.useEffect(() => {\n ctx.setMobileBrandChildren(children);\n return () => ctx.setMobileBrandChildren(null);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [children]);\n\n return null;\n}\n\n// ============================================\n// MobileSection\n// ============================================\n\nfunction NavigationMenuMobileSection({ children, label }: NavigationMenuMobileSectionProps) {\n return (\n <div role=\"group\" aria-label={label}>\n {label && <div className={styles.drawerSectionLabel}>{label}</div>}\n <div className={styles.drawerNav}>{children}</div>\n </div>\n );\n}\n\n// ============================================\n// Mobile Hamburger Button\n// ============================================\n\nfunction MobileHamburger() {\n const { mobileOpen, setMobileOpen } = useNavigationMenuContext();\n\n return (\n <button\n type=\"button\"\n className={styles.hamburger}\n onClick={() => setMobileOpen(!mobileOpen)}\n aria-label=\"Toggle navigation\"\n aria-expanded={mobileOpen}\n >\n {mobileOpen ? <X size={24} aria-hidden /> : <List size={24} aria-hidden />}\n </button>\n );\n}\n\n// ============================================\n// Mobile Drawer\n// ============================================\n\nfunction MobileDrawer() {\n const ctx = useNavigationMenuContext();\n const drawerRef = React.useRef<HTMLDivElement>(null);\n\n useFocusTrap(drawerRef, true);\n\n // Lock body scroll\n React.useEffect(() => {\n document.body.style.overflow = 'hidden';\n return () => {\n document.body.style.overflow = '';\n };\n }, []);\n\n // Handle Escape\n React.useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === 'Escape') {\n ctx.setMobileOpen(false);\n }\n };\n document.addEventListener('keydown', handleKeyDown);\n return () => document.removeEventListener('keydown', handleKeyDown);\n }, [ctx]);\n\n // Build auto-converted nav items from item info registry\n const autoItems: NavigationMenuItemInfo[] = [];\n for (const value of ctx.itemOrder.current) {\n const info = ctx.itemInfoMap.current.get(value);\n if (info) autoItems.push(info);\n }\n\n const handleLinkClick = () => {\n ctx.setMobileOpen(false);\n };\n\n const drawerContent = (\n <>\n <div\n className={styles.drawerBackdrop}\n onClick={() => ctx.setMobileOpen(false)}\n aria-hidden\n />\n <div\n ref={drawerRef}\n className={styles.drawer}\n role=\"dialog\"\n aria-modal\n aria-label=\"Navigation\"\n >\n <div className={styles.drawerHeader}>\n {ctx.mobileBrandChildren ?? <span />}\n <button\n type=\"button\"\n className={styles.drawerClose}\n onClick={() => ctx.setMobileOpen(false)}\n aria-label=\"Close navigation\"\n >\n <X size={20} aria-hidden />\n </button>\n </div>\n <ScrollArea orientation=\"vertical\" className={styles.drawerBody}>\n {/* When MobileContent is provided, it takes full control of the drawer nav.\n Otherwise, auto-convert registered Trigger+Content items. */}\n {ctx.mobileContentChildren ? (\n ctx.mobileContentChildren\n ) : (\n <div className={styles.drawerNav}>\n {autoItems.map((item) =>\n item.contentChildren ? (\n <MobileCollapsibleSection\n key={item.value}\n label={item.triggerLabel}\n onLinkClick={handleLinkClick}\n >\n {item.contentChildren}\n </MobileCollapsibleSection>\n ) : item.linkHref ? (\n <a\n key={item.value}\n className={styles.drawerLink}\n href={item.linkHref}\n onClick={handleLinkClick}\n >\n {item.triggerLabel}\n </a>\n ) : null\n )}\n </div>\n )}\n </ScrollArea>\n </div>\n </>\n );\n\n if (typeof document === 'undefined') return null;\n return createPortal(drawerContent, document.body);\n}\n\n// ============================================\n// Mobile Collapsible Section (auto-converted)\n// ============================================\n\nfunction MobileCollapsibleSection({\n label,\n children,\n onLinkClick,\n}: {\n label: string;\n children: React.ReactNode;\n onLinkClick: () => void;\n}) {\n return (\n <Collapsible defaultOpen={false}>\n <Collapsible.Trigger className={styles.drawerCollapsibleTrigger}>\n {label}\n </Collapsible.Trigger>\n <Collapsible.Content>\n <div\n className={styles.drawerCollapsibleContent}\n onClick={onLinkClick}\n onKeyDown={(e) => { if (e.key === 'Enter') onLinkClick(); }}\n role=\"group\"\n >\n {children}\n </div>\n </Collapsible.Content>\n </Collapsible>\n );\n}\n\n// ============================================\n// Export Compound Component\n// ============================================\n\nexport const NavigationMenu = Object.assign(NavigationMenuRoot, {\n List: NavigationMenuList,\n Item: NavigationMenuItem,\n Trigger: NavigationMenuTrigger,\n Content: NavigationMenuContent,\n Link: NavigationMenuLink,\n Indicator: NavigationMenuIndicator,\n Viewport: NavigationMenuViewport,\n MobileBrand: NavigationMenuMobileBrand,\n MobileContent: NavigationMenuMobileContent,\n MobileSection: NavigationMenuMobileSection,\n});\n\nexport {\n NavigationMenuRoot,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuTrigger,\n NavigationMenuContent,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n NavigationMenuMobileBrand,\n NavigationMenuMobileContent,\n NavigationMenuMobileSection,\n};\n"],"names":["classes","linkProps"],"mappings":"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"}

package/dist/components/NavigationMenu/useNavigationMenu.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"useNavigationMenu.cjs","sources":["../../../src/components/NavigationMenu/useNavigationMenu.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { NavigationMenuItemInfo } from './NavigationMenuContext';\n\nexport interface UseNavigationMenuOptions {\n value?: string;\n defaultValue?: string;\n onValueChange?: (value: string) => void;\n delayDuration?: number;\n skipDelayDuration?: number;\n}\n\nexport function useNavigationMenu({\n value: controlledValue,\n defaultValue = '',\n onValueChange,\n delayDuration = 200,\n skipDelayDuration = 300,\n}: UseNavigationMenuOptions) {\n const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);\n const isControlled = controlledValue !== undefined;\n const value = isControlled ? controlledValue : uncontrolledValue;\n\n const setValue = React.useCallback(\n (newValue: string) => {\n if (!isControlled) {\n setUncontrolledValue(newValue);\n }\n onValueChange?.(newValue);\n },\n [isControlled, onValueChange]\n );\n\n // Hover delay timers\n const openTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n const closeTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n // Skip-delay: when moving between triggers, open instantly\n const isRecentlyOpenRef = React.useRef(false);\n const skipDelayTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n // Trigger registry for keyboard nav\n const triggerRefs = React.useRef<Map<string, HTMLButtonElement>>(new Map());\n const triggerOrder = React.useRef<string[]>([]);\n\n // Full item order registry (includes link-only items)\n const itemOrder = React.useRef<string[]>([]);\n\n // Item info registry for mobile drawer\n const itemInfoMap = React.useRef<Map<string, NavigationMenuItemInfo>>(new Map());\n\n // Viewport sizing\n const [viewportSize, setViewportSize] = React.useState({ width: 0, height: 0 });\n const viewportRef = React.useRef<HTMLDivElement>(null);\n\n // Track previous value for animation direction\n const previousValue = React.useRef(value);\n\n // Mobile state\n const [mobileOpen, setMobileOpen] = React.useState(false);\n const [mobileContentChildren, setMobileContentChildren] = React.useState<React.ReactNode>(null);\n const [mobileBrandChildren, setMobileBrandChildren] = React.useState<React.ReactNode>(null);\n\n // Clean up timers on unmount\n React.useEffect(() => {\n return () => {\n if (openTimerRef.current) clearTimeout(openTimerRef.current);\n if (closeTimerRef.current) clearTimeout(closeTimerRef.current);\n if (skipDelayTimerRef.current) clearTimeout(skipDelayTimerRef.current);\n };\n }, []);\n\n return {\n value,\n setValue,\n delayDuration,\n skipDelayDuration,\n openTimerRef,\n closeTimerRef,\n isRecentlyOpenRef,\n skipDelayTimerRef,\n triggerRefs,\n triggerOrder,\n itemOrder,\n itemInfoMap,\n viewportSize,\n setViewportSize,\n viewportRef,\n previousValue,\n mobileOpen,\n setMobileOpen,\n mobileContentChildren,\n setMobileContentChildren,\n mobileBrandChildren,\n setMobileBrandChildren,\n };\n}\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;AAaO,SAAS,kBAAkB;AAAA,EAChC,OAAO;AAAA,EACP,eAAe;AAAA,EACf;AAAA,EACA,gBAAgB;AAAA,EAChB,oBAAoB;AACtB,GAA6B;AAC3B,QAAM,CAAC,mBAAmB,oBAAoB,IAAIA,iBAAM,SAAS,YAAY;AAC7E,QAAM,eAAe,oBAAoB;AACzC,QAAM,QAAQ,eAAe,kBAAkB;AAE/C,QAAM,WAAWA,iBAAM;AAAA,IACrB,CAAC,aAAqB;AACpB,UAAI,CAAC,cAAc;AACjB,6BAAqB,QAAQ;AAAA,MAC/B;AACA,qDAAgB;AAAA,IAClB;AAAA,IACA,CAAC,cAAc,aAAa;AAAA,EAAA;AAI9B,QAAM,eAAeA,iBAAM,OAA6C,IAAI;AAC5E,QAAM,gBAAgBA,iBAAM,OAA6C,IAAI;AAG7E,QAAM,oBAAoBA,iBAAM,OAAO,KAAK;AAC5C,QAAM,oBAAoBA,iBAAM,OAA6C,IAAI;AAGjF,QAAM,cAAcA,iBAAM,OAAuC,oBAAI,KAAK;AAC1E,QAAM,eAAeA,iBAAM,OAAiB,EAAE;AAG9C,QAAM,YAAYA,iBAAM,OAAiB,EAAE;AAG3C,QAAM,cAAcA,iBAAM,OAA4C,oBAAI,KAAK;AAG/E,QAAM,CAAC,cAAc,eAAe,IAAIA,iBAAM,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG;AAC9E,QAAM,cAAcA,iBAAM,OAAuB,IAAI;AAGrD,QAAM,gBAAgBA,iBAAM,OAAO,KAAK;AAGxC,QAAM,CAAC,YAAY,aAAa,IAAIA,iBAAM,SAAS,KAAK;AACxD,QAAM,CAAC,uBAAuB,wBAAwB,IAAIA,iBAAM,SAA0B,IAAI;AAC9F,QAAM,CAAC,qBAAqB,sBAAsB,IAAIA,iBAAM,SAA0B,IAAI;AAG1FA,mBAAM,UAAU,MAAM;AACpB,WAAO,MAAM;AACX,UAAI,aAAa,QAAS,cAAa,aAAa,OAAO;AAC3D,UAAI,cAAc,QAAS,cAAa,cAAc,OAAO;AAC7D,UAAI,kBAAkB,QAAS,cAAa,kBAAkB,OAAO;AAAA,IACvE;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;;"}

package/dist/components/NavigationMenu/useNavigationMenu.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"useNavigationMenu.js","sources":["../../../src/components/NavigationMenu/useNavigationMenu.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { NavigationMenuItemInfo } from './NavigationMenuContext';\n\nexport interface UseNavigationMenuOptions {\n value?: string;\n defaultValue?: string;\n onValueChange?: (value: string) => void;\n delayDuration?: number;\n skipDelayDuration?: number;\n}\n\nexport function useNavigationMenu({\n value: controlledValue,\n defaultValue = '',\n onValueChange,\n delayDuration = 200,\n skipDelayDuration = 300,\n}: UseNavigationMenuOptions) {\n const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);\n const isControlled = controlledValue !== undefined;\n const value = isControlled ? controlledValue : uncontrolledValue;\n\n const setValue = React.useCallback(\n (newValue: string) => {\n if (!isControlled) {\n setUncontrolledValue(newValue);\n }\n onValueChange?.(newValue);\n },\n [isControlled, onValueChange]\n );\n\n // Hover delay timers\n const openTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n const closeTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n // Skip-delay: when moving between triggers, open instantly\n const isRecentlyOpenRef = React.useRef(false);\n const skipDelayTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n // Trigger registry for keyboard nav\n const triggerRefs = React.useRef<Map<string, HTMLButtonElement>>(new Map());\n const triggerOrder = React.useRef<string[]>([]);\n\n // Full item order registry (includes link-only items)\n const itemOrder = React.useRef<string[]>([]);\n\n // Item info registry for mobile drawer\n const itemInfoMap = React.useRef<Map<string, NavigationMenuItemInfo>>(new Map());\n\n // Viewport sizing\n const [viewportSize, setViewportSize] = React.useState({ width: 0, height: 0 });\n const viewportRef = React.useRef<HTMLDivElement>(null);\n\n // Track previous value for animation direction\n const previousValue = React.useRef(value);\n\n // Mobile state\n const [mobileOpen, setMobileOpen] = React.useState(false);\n const [mobileContentChildren, setMobileContentChildren] = React.useState<React.ReactNode>(null);\n const [mobileBrandChildren, setMobileBrandChildren] = React.useState<React.ReactNode>(null);\n\n // Clean up timers on unmount\n React.useEffect(() => {\n return () => {\n if (openTimerRef.current) clearTimeout(openTimerRef.current);\n if (closeTimerRef.current) clearTimeout(closeTimerRef.current);\n if (skipDelayTimerRef.current) clearTimeout(skipDelayTimerRef.current);\n };\n }, []);\n\n return {\n value,\n setValue,\n delayDuration,\n skipDelayDuration,\n openTimerRef,\n closeTimerRef,\n isRecentlyOpenRef,\n skipDelayTimerRef,\n triggerRefs,\n triggerOrder,\n itemOrder,\n itemInfoMap,\n viewportSize,\n setViewportSize,\n viewportRef,\n previousValue,\n mobileOpen,\n setMobileOpen,\n mobileContentChildren,\n setMobileContentChildren,\n mobileBrandChildren,\n setMobileBrandChildren,\n };\n}\n"],"names":[],"mappings":";AAaO,SAAS,kBAAkB;AAAA,EAChC,OAAO;AAAA,EACP,eAAe;AAAA,EACf;AAAA,EACA,gBAAgB;AAAA,EAChB,oBAAoB;AACtB,GAA6B;AAC3B,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,MAAM,SAAS,YAAY;AAC7E,QAAM,eAAe,oBAAoB;AACzC,QAAM,QAAQ,eAAe,kBAAkB;AAE/C,QAAM,WAAW,MAAM;AAAA,IACrB,CAAC,aAAqB;AACpB,UAAI,CAAC,cAAc;AACjB,6BAAqB,QAAQ;AAAA,MAC/B;AACA,qDAAgB;AAAA,IAClB;AAAA,IACA,CAAC,cAAc,aAAa;AAAA,EAAA;AAI9B,QAAM,eAAe,MAAM,OAA6C,IAAI;AAC5E,QAAM,gBAAgB,MAAM,OAA6C,IAAI;AAG7E,QAAM,oBAAoB,MAAM,OAAO,KAAK;AAC5C,QAAM,oBAAoB,MAAM,OAA6C,IAAI;AAGjF,QAAM,cAAc,MAAM,OAAuC,oBAAI,KAAK;AAC1E,QAAM,eAAe,MAAM,OAAiB,EAAE;AAG9C,QAAM,YAAY,MAAM,OAAiB,EAAE;AAG3C,QAAM,cAAc,MAAM,OAA4C,oBAAI,KAAK;AAG/E,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG;AAC9E,QAAM,cAAc,MAAM,OAAuB,IAAI;AAGrD,QAAM,gBAAgB,MAAM,OAAO,KAAK;AAGxC,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AACxD,QAAM,CAAC,uBAAuB,wBAAwB,IAAI,MAAM,SAA0B,IAAI;AAC9F,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,MAAM,SAA0B,IAAI;AAG1F,QAAM,UAAU,MAAM;AACpB,WAAO,MAAM;AACX,UAAI,aAAa,QAAS,cAAa,aAAa,OAAO;AAC3D,UAAI,cAAc,QAAS,cAAa,cAAc,OAAO;AAC7D,UAAI,kBAAkB,QAAS,cAAa,kBAAkB,OAAO;AAAA,IACvE;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/dist/components/Pagination/Pagination.module.scss.cjs.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"Pagination.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Pagination/Pagination.module.scss.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"Pagination.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/components/Pagination/index.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.cjs","sources":["../../../src/components/Pagination/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Pagination.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface PaginationProps {\n children: React.ReactNode;\n /** Total number of pages. Clamped to Math.max(0, totalPages). Renders nothing when 0. */\n totalPages: number;\n /** Controlled current page (1-indexed). Clamped to [1, totalPages]. */\n page?: number;\n /** Default page (uncontrolled). Clamped to [1, totalPages]. Default: 1 */\n defaultPage?: number;\n /** Called when page changes */\n onPageChange?: (page: number) => void;\n /** Number of pages shown at edges: default 1 */\n edgeCount?: number;\n /** Number of pages shown around current: default 1 */\n siblingCount?: number;\n className?: string;\n}\n\nexport interface PaginationItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n children?: React.ReactNode;\n /** Override page number (auto-assigned by context if omitted) */\n page?: number;\n className?: string;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface PaginationContextValue {\n currentPage: number;\n totalPages: number;\n edgeCount: number;\n siblingCount: number;\n setPage: (page: number) => void;\n}\n\nconst PaginationContext = React.createContext<PaginationContextValue | null>(null);\n\nfunction usePaginationContext() {\n const ctx = React.useContext(PaginationContext);\n if (!ctx) throw new Error('Pagination sub-components must be used within <Pagination>');\n return ctx;\n}\n\n// ============================================\n// Page range algorithm\n// ============================================\n\ntype RangeItem = number | 'ellipsis';\n\nfunction usePaginationRange(\n totalPages: number,\n currentPage: number,\n siblingCount: number,\n edgeCount: number,\n): RangeItem[] {\n return React.useMemo(() => {\n if (totalPages <= 0) return [];\n\n // If total pages is small enough, show all pages\n const totalSlots = edgeCount * 2 + siblingCount * 2 + 1 + 2; // edges + siblings + current + 2 ellipses\n if (totalPages <= totalSlots) {\n return Array.from({ length: totalPages }, (_, i) => i + 1);\n }\n\n const leftEdge = Array.from({ length: edgeCount }, (_, i) => i + 1);\n const rightEdge = Array.from({ length: edgeCount }, (_, i) => totalPages - edgeCount + 1 + i);\n\n const siblingStart = Math.max(edgeCount + 1, currentPage - siblingCount);\n const siblingEnd = Math.min(totalPages - edgeCount, currentPage + siblingCount);\n\n const result: RangeItem[] = [];\n\n // Add left edge\n for (const p of leftEdge) {\n result.push(p);\n }\n\n // Left ellipsis\n if (siblingStart > edgeCount + 1) {\n // If there's only one gap, show the number instead of ellipsis\n if (siblingStart === edgeCount + 2) {\n result.push(edgeCount + 1);\n } else {\n result.push('ellipsis');\n }\n }\n\n // Siblings + current\n for (let i = siblingStart; i <= siblingEnd; i++) {\n if (!result.includes(i)) {\n result.push(i);\n }\n }\n\n // Right ellipsis\n if (siblingEnd < totalPages - edgeCount) {\n if (siblingEnd === totalPages - edgeCount - 1) {\n result.push(totalPages - edgeCount);\n } else {\n result.push('ellipsis');\n }\n }\n\n // Add right edge\n for (const p of rightEdge) {\n if (!result.includes(p)) {\n result.push(p);\n }\n }\n\n return result;\n }, [totalPages, currentPage, siblingCount, edgeCount]);\n}\n\n// ============================================\n// Chevron Icons\n// ============================================\n\nfunction ChevronLeftIcon() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"15 18 9 12 15 6\" />\n </svg>\n );\n}\n\nfunction ChevronRightIcon() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"9 18 15 12 9 6\" />\n </svg>\n );\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction clamp(value: number, min: number, max: number) {\n return Math.max(min, Math.min(max, value));\n}\n\nfunction PaginationRoot({\n children,\n totalPages: rawTotalPages,\n page: controlledPage,\n defaultPage = 1,\n onPageChange,\n edgeCount = 1,\n siblingCount = 1,\n className,\n}: PaginationProps) {\n const totalPages = Math.max(0, Math.floor(rawTotalPages));\n const [uncontrolledPage, setUncontrolledPage] = React.useState(() =>\n totalPages > 0 ? clamp(defaultPage, 1, totalPages) : 1\n );\n\n const isControlled = controlledPage !== undefined;\n const currentPage = isControlled\n ? (totalPages > 0 ? clamp(controlledPage, 1, totalPages) : 1)\n : (totalPages > 0 ? clamp(uncontrolledPage, 1, totalPages) : 1);\n\n const setPage = React.useCallback(\n (newPage: number) => {\n if (totalPages <= 0) return;\n const clamped = clamp(newPage, 1, totalPages);\n if (clamped === currentPage) return;\n if (!isControlled) {\n setUncontrolledPage(clamped);\n }\n onPageChange?.(clamped);\n },\n [totalPages, currentPage, isControlled, onPageChange]\n );\n\n const contextValue = React.useMemo<PaginationContextValue>(\n () => ({ currentPage, totalPages, edgeCount, siblingCount, setPage }),\n [currentPage, totalPages, edgeCount, siblingCount, setPage]\n );\n\n if (totalPages <= 0) {\n return <nav aria-label=\"Pagination\" className={className} />;\n }\n\n return (\n <PaginationContext.Provider value={contextValue}>\n <nav aria-label=\"Pagination\" className={[styles.pagination, className].filter(Boolean).join(' ')}>\n <ul className={styles.list}>\n {children}\n </ul>\n </nav>\n </PaginationContext.Provider>\n );\n}\n\nfunction PaginationPrevious({ className, ...htmlProps }: React.ButtonHTMLAttributes<HTMLButtonElement>) {\n const { currentPage, setPage } = usePaginationContext();\n const disabled = currentPage <= 1;\n\n return (\n <li>\n <button\n type=\"button\"\n aria-label=\"Go to previous page\"\n disabled={disabled}\n onClick={() => setPage(currentPage - 1)}\n className={[styles.item, styles.navButton, disabled && styles.itemDisabled, className].filter(Boolean).join(' ')}\n {...htmlProps}\n >\n <ChevronLeftIcon />\n </button>\n </li>\n );\n}\n\nfunction PaginationNext({ className, ...htmlProps }: React.ButtonHTMLAttributes<HTMLButtonElement>) {\n const { currentPage, totalPages, setPage } = usePaginationContext();\n const disabled = currentPage >= totalPages;\n\n return (\n <li>\n <button\n type=\"button\"\n aria-label=\"Go to next page\"\n disabled={disabled}\n onClick={() => setPage(currentPage + 1)}\n className={[styles.item, styles.navButton, disabled && styles.itemDisabled, className].filter(Boolean).join(' ')}\n {...htmlProps}\n >\n <ChevronRightIcon />\n </button>\n </li>\n );\n}\n\nfunction PaginationItems() {\n const { currentPage, totalPages, siblingCount, edgeCount, setPage } = usePaginationContext();\n const range = usePaginationRange(totalPages, currentPage, siblingCount, edgeCount);\n let ellipsisCount = 0;\n\n return (\n <>\n {range.map((item) => {\n if (item === 'ellipsis') {\n ellipsisCount++;\n return (\n <li key={`ellipsis-${ellipsisCount}`}>\n <span className={styles.ellipsis} aria-hidden=\"true\">\n …\n </span>\n </li>\n );\n }\n\n const isActive = item === currentPage;\n return (\n <li key={item}>\n <button\n type=\"button\"\n aria-label={`Go to page ${item}`}\n aria-current={isActive ? 'page' : undefined}\n onClick={() => setPage(item)}\n className={[styles.item, isActive && styles.itemActive].filter(Boolean).join(' ')}\n >\n {item}\n </button>\n </li>\n );\n })}\n </>\n );\n}\n\nfunction PaginationItem({\n children,\n page: pageProp,\n className,\n ...htmlProps\n}: PaginationItemProps) {\n const { currentPage, setPage } = usePaginationContext();\n const page = pageProp ?? 1;\n const isActive = page === currentPage;\n\n return (\n <li>\n <button\n type=\"button\"\n aria-label={`Go to page ${page}`}\n aria-current={isActive ? 'page' : undefined}\n onClick={() => setPage(page)}\n className={[styles.item, isActive && styles.itemActive, className].filter(Boolean).join(' ')}\n {...htmlProps}\n >\n {children ?? page}\n </button>\n </li>\n );\n}\n\nfunction PaginationEllipsis({ className, ...htmlProps }: React.HTMLAttributes<HTMLSpanElement>) {\n return (\n <li>\n <span className={[styles.ellipsis, className].filter(Boolean).join(' ')} aria-hidden=\"true\" {...htmlProps}>\n …\n </span>\n </li>\n );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Pagination = Object.assign(PaginationRoot, {\n Previous: PaginationPrevious,\n Next: PaginationNext,\n Items: PaginationItems,\n Item: PaginationItem,\n Ellipsis: PaginationEllipsis,\n});\n\nexport {\n PaginationRoot,\n PaginationPrevious,\n PaginationNext,\n PaginationItems,\n PaginationItem,\n PaginationEllipsis,\n};\n"],"names":["React","jsx","styles","Fragment"],"mappings":"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"}

package/dist/components/Pagination/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.js","sources":["../../../src/components/Pagination/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Pagination.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface PaginationProps {\n children: React.ReactNode;\n /** Total number of pages. Clamped to Math.max(0, totalPages). Renders nothing when 0. */\n totalPages: number;\n /** Controlled current page (1-indexed). Clamped to [1, totalPages]. */\n page?: number;\n /** Default page (uncontrolled). Clamped to [1, totalPages]. Default: 1 */\n defaultPage?: number;\n /** Called when page changes */\n onPageChange?: (page: number) => void;\n /** Number of pages shown at edges: default 1 */\n edgeCount?: number;\n /** Number of pages shown around current: default 1 */\n siblingCount?: number;\n className?: string;\n}\n\nexport interface PaginationItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n children?: React.ReactNode;\n /** Override page number (auto-assigned by context if omitted) */\n page?: number;\n className?: string;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface PaginationContextValue {\n currentPage: number;\n totalPages: number;\n edgeCount: number;\n siblingCount: number;\n setPage: (page: number) => void;\n}\n\nconst PaginationContext = React.createContext<PaginationContextValue | null>(null);\n\nfunction usePaginationContext() {\n const ctx = React.useContext(PaginationContext);\n if (!ctx) throw new Error('Pagination sub-components must be used within <Pagination>');\n return ctx;\n}\n\n// ============================================\n// Page range algorithm\n// ============================================\n\ntype RangeItem = number | 'ellipsis';\n\nfunction usePaginationRange(\n totalPages: number,\n currentPage: number,\n siblingCount: number,\n edgeCount: number,\n): RangeItem[] {\n return React.useMemo(() => {\n if (totalPages <= 0) return [];\n\n // If total pages is small enough, show all pages\n const totalSlots = edgeCount * 2 + siblingCount * 2 + 1 + 2; // edges + siblings + current + 2 ellipses\n if (totalPages <= totalSlots) {\n return Array.from({ length: totalPages }, (_, i) => i + 1);\n }\n\n const leftEdge = Array.from({ length: edgeCount }, (_, i) => i + 1);\n const rightEdge = Array.from({ length: edgeCount }, (_, i) => totalPages - edgeCount + 1 + i);\n\n const siblingStart = Math.max(edgeCount + 1, currentPage - siblingCount);\n const siblingEnd = Math.min(totalPages - edgeCount, currentPage + siblingCount);\n\n const result: RangeItem[] = [];\n\n // Add left edge\n for (const p of leftEdge) {\n result.push(p);\n }\n\n // Left ellipsis\n if (siblingStart > edgeCount + 1) {\n // If there's only one gap, show the number instead of ellipsis\n if (siblingStart === edgeCount + 2) {\n result.push(edgeCount + 1);\n } else {\n result.push('ellipsis');\n }\n }\n\n // Siblings + current\n for (let i = siblingStart; i <= siblingEnd; i++) {\n if (!result.includes(i)) {\n result.push(i);\n }\n }\n\n // Right ellipsis\n if (siblingEnd < totalPages - edgeCount) {\n if (siblingEnd === totalPages - edgeCount - 1) {\n result.push(totalPages - edgeCount);\n } else {\n result.push('ellipsis');\n }\n }\n\n // Add right edge\n for (const p of rightEdge) {\n if (!result.includes(p)) {\n result.push(p);\n }\n }\n\n return result;\n }, [totalPages, currentPage, siblingCount, edgeCount]);\n}\n\n// ============================================\n// Chevron Icons\n// ============================================\n\nfunction ChevronLeftIcon() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"15 18 9 12 15 6\" />\n </svg>\n );\n}\n\nfunction ChevronRightIcon() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"9 18 15 12 9 6\" />\n </svg>\n );\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction clamp(value: number, min: number, max: number) {\n return Math.max(min, Math.min(max, value));\n}\n\nfunction PaginationRoot({\n children,\n totalPages: rawTotalPages,\n page: controlledPage,\n defaultPage = 1,\n onPageChange,\n edgeCount = 1,\n siblingCount = 1,\n className,\n}: PaginationProps) {\n const totalPages = Math.max(0, Math.floor(rawTotalPages));\n const [uncontrolledPage, setUncontrolledPage] = React.useState(() =>\n totalPages > 0 ? clamp(defaultPage, 1, totalPages) : 1\n );\n\n const isControlled = controlledPage !== undefined;\n const currentPage = isControlled\n ? (totalPages > 0 ? clamp(controlledPage, 1, totalPages) : 1)\n : (totalPages > 0 ? clamp(uncontrolledPage, 1, totalPages) : 1);\n\n const setPage = React.useCallback(\n (newPage: number) => {\n if (totalPages <= 0) return;\n const clamped = clamp(newPage, 1, totalPages);\n if (clamped === currentPage) return;\n if (!isControlled) {\n setUncontrolledPage(clamped);\n }\n onPageChange?.(clamped);\n },\n [totalPages, currentPage, isControlled, onPageChange]\n );\n\n const contextValue = React.useMemo<PaginationContextValue>(\n () => ({ currentPage, totalPages, edgeCount, siblingCount, setPage }),\n [currentPage, totalPages, edgeCount, siblingCount, setPage]\n );\n\n if (totalPages <= 0) {\n return <nav aria-label=\"Pagination\" className={className} />;\n }\n\n return (\n <PaginationContext.Provider value={contextValue}>\n <nav aria-label=\"Pagination\" className={[styles.pagination, className].filter(Boolean).join(' ')}>\n <ul className={styles.list}>\n {children}\n </ul>\n </nav>\n </PaginationContext.Provider>\n );\n}\n\nfunction PaginationPrevious({ className, ...htmlProps }: React.ButtonHTMLAttributes<HTMLButtonElement>) {\n const { currentPage, setPage } = usePaginationContext();\n const disabled = currentPage <= 1;\n\n return (\n <li>\n <button\n type=\"button\"\n aria-label=\"Go to previous page\"\n disabled={disabled}\n onClick={() => setPage(currentPage - 1)}\n className={[styles.item, styles.navButton, disabled && styles.itemDisabled, className].filter(Boolean).join(' ')}\n {...htmlProps}\n >\n <ChevronLeftIcon />\n </button>\n </li>\n );\n}\n\nfunction PaginationNext({ className, ...htmlProps }: React.ButtonHTMLAttributes<HTMLButtonElement>) {\n const { currentPage, totalPages, setPage } = usePaginationContext();\n const disabled = currentPage >= totalPages;\n\n return (\n <li>\n <button\n type=\"button\"\n aria-label=\"Go to next page\"\n disabled={disabled}\n onClick={() => setPage(currentPage + 1)}\n className={[styles.item, styles.navButton, disabled && styles.itemDisabled, className].filter(Boolean).join(' ')}\n {...htmlProps}\n >\n <ChevronRightIcon />\n </button>\n </li>\n );\n}\n\nfunction PaginationItems() {\n const { currentPage, totalPages, siblingCount, edgeCount, setPage } = usePaginationContext();\n const range = usePaginationRange(totalPages, currentPage, siblingCount, edgeCount);\n let ellipsisCount = 0;\n\n return (\n <>\n {range.map((item) => {\n if (item === 'ellipsis') {\n ellipsisCount++;\n return (\n <li key={`ellipsis-${ellipsisCount}`}>\n <span className={styles.ellipsis} aria-hidden=\"true\">\n …\n </span>\n </li>\n );\n }\n\n const isActive = item === currentPage;\n return (\n <li key={item}>\n <button\n type=\"button\"\n aria-label={`Go to page ${item}`}\n aria-current={isActive ? 'page' : undefined}\n onClick={() => setPage(item)}\n className={[styles.item, isActive && styles.itemActive].filter(Boolean).join(' ')}\n >\n {item}\n </button>\n </li>\n );\n })}\n </>\n );\n}\n\nfunction PaginationItem({\n children,\n page: pageProp,\n className,\n ...htmlProps\n}: PaginationItemProps) {\n const { currentPage, setPage } = usePaginationContext();\n const page = pageProp ?? 1;\n const isActive = page === currentPage;\n\n return (\n <li>\n <button\n type=\"button\"\n aria-label={`Go to page ${page}`}\n aria-current={isActive ? 'page' : undefined}\n onClick={() => setPage(page)}\n className={[styles.item, isActive && styles.itemActive, className].filter(Boolean).join(' ')}\n {...htmlProps}\n >\n {children ?? page}\n </button>\n </li>\n );\n}\n\nfunction PaginationEllipsis({ className, ...htmlProps }: React.HTMLAttributes<HTMLSpanElement>) {\n return (\n <li>\n <span className={[styles.ellipsis, className].filter(Boolean).join(' ')} aria-hidden=\"true\" {...htmlProps}>\n …\n </span>\n </li>\n );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Pagination = Object.assign(PaginationRoot, {\n Previous: PaginationPrevious,\n Next: PaginationNext,\n Items: PaginationItems,\n Item: PaginationItem,\n Ellipsis: PaginationEllipsis,\n});\n\nexport {\n PaginationRoot,\n PaginationPrevious,\n PaginationNext,\n PaginationItems,\n PaginationItem,\n PaginationEllipsis,\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Popover/Popover.module.scss.cjs.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"Popover.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Popover/Popover.module.scss.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"Popover.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Popover/index.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.cjs","sources":["../../../src/components/Popover/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Popover as BasePopover } from '@base-ui/react/popover';\nimport styles from './Popover.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\n/**\n * Popover for floating content attached to a trigger element.\n * @see https://usefragments.com/components/popover\n */\nexport interface PopoverProps {\n children: React.ReactNode;\n /** Controlled open state */\n open?: boolean;\n /** Default open state */\n defaultOpen?: boolean;\n /** Called when open state changes */\n onOpenChange?: (open: boolean) => void;\n /** Whether the popover blocks interaction with the rest of the page.\n * @default false */\n modal?: boolean;\n}\n\nexport interface PopoverTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n children: React.ReactNode;\n asChild?: boolean;\n}\n\nexport interface PopoverContentProps extends React.HTMLAttributes<HTMLDivElement> {\n children: React.ReactNode;\n size?: 'sm' | 'md' | 'lg';\n side?: 'top' | 'bottom' | 'left' | 'right';\n align?: 'start' | 'center' | 'end';\n sideOffset?: number;\n arrow?: boolean;\n}\n\nexport interface PopoverTitleProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n children: React.ReactNode;\n}\n\nexport interface PopoverDescriptionProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n children: React.ReactNode;\n}\n\nexport interface PopoverBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n children: React.ReactNode;\n}\n\nexport interface PopoverFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n children: React.ReactNode;\n}\n\nexport interface PopoverCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n children?: React.ReactNode;\n asChild?: boolean;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction CloseIcon() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n aria-hidden=\"true\"\n >\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n </svg>\n );\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction PopoverRoot({\n children,\n open,\n defaultOpen,\n onOpenChange,\n modal = false,\n}: PopoverProps) {\n return (\n <BasePopover.Root\n open={open}\n defaultOpen={defaultOpen}\n onOpenChange={onOpenChange}\n modal={modal}\n >\n {children}\n </BasePopover.Root>\n );\n}\n\nfunction PopoverTrigger({ children, asChild, className, ...htmlProps }: PopoverTriggerProps) {\n if (asChild) {\n return (\n <BasePopover.Trigger {...htmlProps} className={className} render={children as React.ReactElement}>\n {null}\n </BasePopover.Trigger>\n );\n }\n\n return (\n <BasePopover.Trigger {...htmlProps} className={className}>\n {children}\n </BasePopover.Trigger>\n );\n}\n\nfunction PopoverContent({\n children,\n size = 'md',\n side = 'bottom',\n align = 'center',\n sideOffset = 8,\n arrow = false,\n className,\n ...htmlProps\n}: PopoverContentProps) {\n const popupClasses = [\n styles.popup,\n size !== 'md' && styles[size],\n className,\n ].filter(Boolean).join(' ');\n\n return (\n <BasePopover.Portal>\n <BasePopover.Positioner\n side={side}\n align={align}\n sideOffset={sideOffset}\n className={styles.positioner}\n >\n <BasePopover.Popup {...htmlProps} className={popupClasses}>\n {children}\n {arrow && <BasePopover.Arrow className={styles.arrow} />}\n </BasePopover.Popup>\n </BasePopover.Positioner>\n </BasePopover.Portal>\n );\n}\n\nfunction PopoverTitle({ children, className, ...htmlProps }: PopoverTitleProps) {\n const classes = [styles.title, className].filter(Boolean).join(' ');\n return <BasePopover.Title {...htmlProps} className={classes}>{children}</BasePopover.Title>;\n}\n\nfunction PopoverDescription({ children, className, ...htmlProps }: PopoverDescriptionProps) {\n const classes = [styles.description, className].filter(Boolean).join(' ');\n return (\n <BasePopover.Description {...htmlProps} className={classes}>\n {children}\n </BasePopover.Description>\n );\n}\n\nfunction PopoverBody({ children, className, ...htmlProps }: PopoverBodyProps) {\n const classes = [styles.body, className].filter(Boolean).join(' ');\n return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction PopoverFooter({ children, className, ...htmlProps }: PopoverFooterProps) {\n const classes = [styles.footer, className].filter(Boolean).join(' ');\n return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction PopoverClose({ children, asChild, className, ...htmlProps }: PopoverCloseProps) {\n // Default close button (X icon)\n if (!children) {\n return (\n <BasePopover.Close\n {...htmlProps}\n aria-label=\"Close popover\"\n className={[styles.close, className].filter(Boolean).join(' ')}\n >\n <CloseIcon />\n </BasePopover.Close>\n );\n }\n\n if (asChild) {\n return (\n <BasePopover.Close {...htmlProps} className={className} render={children as React.ReactElement}>\n {null}\n </BasePopover.Close>\n );\n }\n\n return (\n <BasePopover.Close {...htmlProps} className={className}>\n {children}\n </BasePopover.Close>\n );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Popover = Object.assign(PopoverRoot, {\n Trigger: PopoverTrigger,\n Content: PopoverContent,\n Title: PopoverTitle,\n Description: PopoverDescription,\n Body: PopoverBody,\n Footer: PopoverFooter,\n Close: PopoverClose,\n});\n\n// Re-export individual components\nexport {\n PopoverRoot,\n PopoverTrigger,\n PopoverContent,\n PopoverTitle,\n PopoverDescription,\n PopoverBody,\n PopoverFooter,\n PopoverClose,\n};\n"],"names":["jsxs","jsx","BasePopover","styles"],"mappings":"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"}

package/dist/components/Popover/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.js","sources":["../../../src/components/Popover/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Popover as BasePopover } from '@base-ui/react/popover';\nimport styles from './Popover.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\n/**\n * Popover for floating content attached to a trigger element.\n * @see https://usefragments.com/components/popover\n */\nexport interface PopoverProps {\n children: React.ReactNode;\n /** Controlled open state */\n open?: boolean;\n /** Default open state */\n defaultOpen?: boolean;\n /** Called when open state changes */\n onOpenChange?: (open: boolean) => void;\n /** Whether the popover blocks interaction with the rest of the page.\n * @default false */\n modal?: boolean;\n}\n\nexport interface PopoverTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n children: React.ReactNode;\n asChild?: boolean;\n}\n\nexport interface PopoverContentProps extends React.HTMLAttributes<HTMLDivElement> {\n children: React.ReactNode;\n size?: 'sm' | 'md' | 'lg';\n side?: 'top' | 'bottom' | 'left' | 'right';\n align?: 'start' | 'center' | 'end';\n sideOffset?: number;\n arrow?: boolean;\n}\n\nexport interface PopoverTitleProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n children: React.ReactNode;\n}\n\nexport interface PopoverDescriptionProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n children: React.ReactNode;\n}\n\nexport interface PopoverBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n children: React.ReactNode;\n}\n\nexport interface PopoverFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n children: React.ReactNode;\n}\n\nexport interface PopoverCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n children?: React.ReactNode;\n asChild?: boolean;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction CloseIcon() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n aria-hidden=\"true\"\n >\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n </svg>\n );\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction PopoverRoot({\n children,\n open,\n defaultOpen,\n onOpenChange,\n modal = false,\n}: PopoverProps) {\n return (\n <BasePopover.Root\n open={open}\n defaultOpen={defaultOpen}\n onOpenChange={onOpenChange}\n modal={modal}\n >\n {children}\n </BasePopover.Root>\n );\n}\n\nfunction PopoverTrigger({ children, asChild, className, ...htmlProps }: PopoverTriggerProps) {\n if (asChild) {\n return (\n <BasePopover.Trigger {...htmlProps} className={className} render={children as React.ReactElement}>\n {null}\n </BasePopover.Trigger>\n );\n }\n\n return (\n <BasePopover.Trigger {...htmlProps} className={className}>\n {children}\n </BasePopover.Trigger>\n );\n}\n\nfunction PopoverContent({\n children,\n size = 'md',\n side = 'bottom',\n align = 'center',\n sideOffset = 8,\n arrow = false,\n className,\n ...htmlProps\n}: PopoverContentProps) {\n const popupClasses = [\n styles.popup,\n size !== 'md' && styles[size],\n className,\n ].filter(Boolean).join(' ');\n\n return (\n <BasePopover.Portal>\n <BasePopover.Positioner\n side={side}\n align={align}\n sideOffset={sideOffset}\n className={styles.positioner}\n >\n <BasePopover.Popup {...htmlProps} className={popupClasses}>\n {children}\n {arrow && <BasePopover.Arrow className={styles.arrow} />}\n </BasePopover.Popup>\n </BasePopover.Positioner>\n </BasePopover.Portal>\n );\n}\n\nfunction PopoverTitle({ children, className, ...htmlProps }: PopoverTitleProps) {\n const classes = [styles.title, className].filter(Boolean).join(' ');\n return <BasePopover.Title {...htmlProps} className={classes}>{children}</BasePopover.Title>;\n}\n\nfunction PopoverDescription({ children, className, ...htmlProps }: PopoverDescriptionProps) {\n const classes = [styles.description, className].filter(Boolean).join(' ');\n return (\n <BasePopover.Description {...htmlProps} className={classes}>\n {children}\n </BasePopover.Description>\n );\n}\n\nfunction PopoverBody({ children, className, ...htmlProps }: PopoverBodyProps) {\n const classes = [styles.body, className].filter(Boolean).join(' ');\n return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction PopoverFooter({ children, className, ...htmlProps }: PopoverFooterProps) {\n const classes = [styles.footer, className].filter(Boolean).join(' ');\n return <div {...htmlProps} className={classes}>{children}</div>;\n}\n\nfunction PopoverClose({ children, asChild, className, ...htmlProps }: PopoverCloseProps) {\n // Default close button (X icon)\n if (!children) {\n return (\n <BasePopover.Close\n {...htmlProps}\n aria-label=\"Close popover\"\n className={[styles.close, className].filter(Boolean).join(' ')}\n >\n <CloseIcon />\n </BasePopover.Close>\n );\n }\n\n if (asChild) {\n return (\n <BasePopover.Close {...htmlProps} className={className} render={children as React.ReactElement}>\n {null}\n </BasePopover.Close>\n );\n }\n\n return (\n <BasePopover.Close {...htmlProps} className={className}>\n {children}\n </BasePopover.Close>\n );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Popover = Object.assign(PopoverRoot, {\n Trigger: PopoverTrigger,\n Content: PopoverContent,\n Title: PopoverTitle,\n Description: PopoverDescription,\n Body: PopoverBody,\n Footer: PopoverFooter,\n Close: PopoverClose,\n});\n\n// Re-export individual components\nexport {\n PopoverRoot,\n PopoverTrigger,\n PopoverContent,\n PopoverTitle,\n PopoverDescription,\n PopoverBody,\n PopoverFooter,\n PopoverClose,\n};\n"],"names":["BasePopover"],"mappings":"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"}

package/dist/components/Progress/Progress.module.scss.cjs.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"Progress.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Progress/Progress.module.scss.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"Progress.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Progress/index.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.cjs","sources":["../../../src/components/Progress/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Progress as BaseProgress } from '@base-ui/react/progress';\nimport styles from './Progress.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface ProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {\n /** Current progress value (0-100). Null for indeterminate. */\n value?: number | null;\n /** Minimum value */\n min?: number;\n /** Maximum value */\n max?: number;\n /** Size of the progress bar */\n size?: 'sm' | 'md' | 'lg';\n /** Color variant */\n variant?: 'default' | 'success' | 'warning' | 'danger';\n /** Label text */\n label?: string;\n /** Show percentage value */\n showValue?: boolean;\n /** Custom value formatter */\n formatValue?: (value: number) => string;\n}\n\nexport interface CircularProgressProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Current progress value (0-100). Null for indeterminate. */\n value?: number | null;\n /** Size of the circular progress */\n size?: 'sm' | 'md' | 'lg';\n /** Color variant */\n variant?: 'default' | 'success' | 'warning' | 'danger';\n /** Show percentage in center */\n showValue?: boolean;\n /** Stroke width */\n strokeWidth?: number;\n}\n\n// ============================================\n// Linear Progress\n// ============================================\n\nfunction ProgressRoot({\n value = null,\n min = 0,\n max = 100,\n size = 'md',\n variant = 'default',\n label,\n showValue = false,\n formatValue,\n className,\n 'aria-label': ariaLabel,\n 'aria-valuetext': ariaValueText,\n ...htmlProps\n}: ProgressProps) {\n const isIndeterminate = value === null;\n const percentage = isIndeterminate ? 0 : Math.round(((value - min) / (max - min)) * 100);\n\n const trackClasses = [\n styles.track,\n size === 'sm' && styles.trackSm,\n size === 'md' && styles.trackMd,\n size === 'lg' && styles.trackLg,\n ].filter(Boolean).join(' ');\n\n const indicatorClasses = [\n styles.indicator,\n variant === 'success' && styles.indicatorSuccess,\n variant === 'warning' && styles.indicatorWarning,\n variant === 'danger' && styles.indicatorDanger,\n isIndeterminate && styles.indicatorIndeterminate,\n ].filter(Boolean).join(' ');\n\n const rootClasses = [styles.root, className].filter(Boolean).join(' ');\n\n const displayValue = formatValue\n ? formatValue(percentage)\n : `${percentage}%`;\n\n // Default value text for screen readers\n const effectiveValueText = ariaValueText || (\n isIndeterminate ? 'Loading' : `${percentage} percent`\n );\n\n return (\n <BaseProgress.Root\n {...htmlProps}\n value={value}\n min={min}\n max={max}\n className={rootClasses}\n aria-label={ariaLabel || (label ? undefined : 'Progress')}\n aria-valuetext={effectiveValueText}\n aria-busy={isIndeterminate}\n >\n {(label || showValue) && (\n <div className={styles.header}>\n {label && (\n <BaseProgress.Label className={styles.label}>\n {label}\n </BaseProgress.Label>\n )}\n {showValue && !isIndeterminate && (\n <span className={styles.value}>{displayValue}</span>\n )}\n </div>\n )}\n <BaseProgress.Track className={trackClasses}>\n <BaseProgress.Indicator\n className={indicatorClasses}\n style={isIndeterminate ? undefined : { width: `${percentage}%` }}\n />\n </BaseProgress.Track>\n </BaseProgress.Root>\n );\n}\n\n// ============================================\n// Circular Progress\n// ============================================\n\nconst CIRCLE_SIZES = {\n sm: { size: 32, strokeWidth: 3 },\n md: { size: 48, strokeWidth: 4 },\n lg: { size: 64, strokeWidth: 5 },\n};\n\nfunction CircularProgressRoot({\n value = null,\n size = 'md',\n variant = 'default',\n showValue = false,\n strokeWidth: customStrokeWidth,\n className,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-valuetext': ariaValueText,\n ...htmlProps\n}: CircularProgressProps) {\n const isIndeterminate = value === null;\n const percentage = isIndeterminate ? 0 : Math.min(100, Math.max(0, value));\n\n const { size: svgSize, strokeWidth: defaultStrokeWidth } = CIRCLE_SIZES[size];\n const strokeWidth = customStrokeWidth ?? defaultStrokeWidth;\n\n const radius = (svgSize - strokeWidth) / 2;\n const circumference = 2 * Math.PI * radius;\n const offset = circumference - (percentage / 100) * circumference;\n\n const sizeClass = size === 'sm' ? styles.circularSm\n : size === 'lg' ? styles.circularLg\n : styles.circularMd;\n\n const indicatorClasses = [\n styles.circularIndicator,\n variant === 'success' && styles.circularIndicatorSuccess,\n variant === 'warning' && styles.circularIndicatorWarning,\n variant === 'danger' && styles.circularIndicatorDanger,\n isIndeterminate && styles.circularIndicatorIndeterminate,\n ].filter(Boolean).join(' ');\n\n const rootClasses = [styles.circular, sizeClass, className]\n .filter(Boolean)\n .join(' ');\n\n // Default value text for screen readers\n const effectiveValueText = ariaValueText || (\n isIndeterminate ? 'Loading' : `${Math.round(percentage)} percent`\n );\n\n return (\n <BaseProgress.Root\n {...htmlProps}\n value={value}\n min={0}\n max={100}\n className={rootClasses}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-valuenow={isIndeterminate ? undefined : percentage}\n aria-valuemin={0}\n aria-valuemax={100}\n aria-valuetext={effectiveValueText}\n aria-busy={isIndeterminate}\n >\n <svg\n className={styles.circularSvg}\n width={svgSize}\n height={svgSize}\n viewBox={`0 0 ${svgSize} ${svgSize}`}\n aria-hidden=\"true\"\n >\n {/* Track circle */}\n <circle\n className={styles.circularTrack}\n cx={svgSize / 2}\n cy={svgSize / 2}\n r={radius}\n strokeWidth={strokeWidth}\n />\n {/* Indicator circle */}\n <circle\n className={indicatorClasses}\n cx={svgSize / 2}\n cy={svgSize / 2}\n r={radius}\n strokeWidth={strokeWidth}\n strokeDasharray={circumference}\n strokeDashoffset={isIndeterminate ? undefined : offset}\n style={isIndeterminate ? { transformOrigin: 'center' } : undefined}\n />\n </svg>\n {showValue && !isIndeterminate && (\n <span className={styles.circularValue} aria-hidden=\"true\">{Math.round(percentage)}%</span>\n )}\n </BaseProgress.Root>\n );\n}\n\nexport const CircularProgress = CircularProgressRoot;\n\nexport const Progress = Object.assign(ProgressRoot, {\n Root: ProgressRoot,\n Circular: CircularProgressRoot,\n});\n"],"names":["styles","jsxs","BaseProgress","jsx"],"mappings":"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"}

package/dist/components/Progress/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.js","sources":["../../../src/components/Progress/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Progress as BaseProgress } from '@base-ui/react/progress';\nimport styles from './Progress.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface ProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {\n /** Current progress value (0-100). Null for indeterminate. */\n value?: number | null;\n /** Minimum value */\n min?: number;\n /** Maximum value */\n max?: number;\n /** Size of the progress bar */\n size?: 'sm' | 'md' | 'lg';\n /** Color variant */\n variant?: 'default' | 'success' | 'warning' | 'danger';\n /** Label text */\n label?: string;\n /** Show percentage value */\n showValue?: boolean;\n /** Custom value formatter */\n formatValue?: (value: number) => string;\n}\n\nexport interface CircularProgressProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Current progress value (0-100). Null for indeterminate. */\n value?: number | null;\n /** Size of the circular progress */\n size?: 'sm' | 'md' | 'lg';\n /** Color variant */\n variant?: 'default' | 'success' | 'warning' | 'danger';\n /** Show percentage in center */\n showValue?: boolean;\n /** Stroke width */\n strokeWidth?: number;\n}\n\n// ============================================\n// Linear Progress\n// ============================================\n\nfunction ProgressRoot({\n value = null,\n min = 0,\n max = 100,\n size = 'md',\n variant = 'default',\n label,\n showValue = false,\n formatValue,\n className,\n 'aria-label': ariaLabel,\n 'aria-valuetext': ariaValueText,\n ...htmlProps\n}: ProgressProps) {\n const isIndeterminate = value === null;\n const percentage = isIndeterminate ? 0 : Math.round(((value - min) / (max - min)) * 100);\n\n const trackClasses = [\n styles.track,\n size === 'sm' && styles.trackSm,\n size === 'md' && styles.trackMd,\n size === 'lg' && styles.trackLg,\n ].filter(Boolean).join(' ');\n\n const indicatorClasses = [\n styles.indicator,\n variant === 'success' && styles.indicatorSuccess,\n variant === 'warning' && styles.indicatorWarning,\n variant === 'danger' && styles.indicatorDanger,\n isIndeterminate && styles.indicatorIndeterminate,\n ].filter(Boolean).join(' ');\n\n const rootClasses = [styles.root, className].filter(Boolean).join(' ');\n\n const displayValue = formatValue\n ? formatValue(percentage)\n : `${percentage}%`;\n\n // Default value text for screen readers\n const effectiveValueText = ariaValueText || (\n isIndeterminate ? 'Loading' : `${percentage} percent`\n );\n\n return (\n <BaseProgress.Root\n {...htmlProps}\n value={value}\n min={min}\n max={max}\n className={rootClasses}\n aria-label={ariaLabel || (label ? undefined : 'Progress')}\n aria-valuetext={effectiveValueText}\n aria-busy={isIndeterminate}\n >\n {(label || showValue) && (\n <div className={styles.header}>\n {label && (\n <BaseProgress.Label className={styles.label}>\n {label}\n </BaseProgress.Label>\n )}\n {showValue && !isIndeterminate && (\n <span className={styles.value}>{displayValue}</span>\n )}\n </div>\n )}\n <BaseProgress.Track className={trackClasses}>\n <BaseProgress.Indicator\n className={indicatorClasses}\n style={isIndeterminate ? undefined : { width: `${percentage}%` }}\n />\n </BaseProgress.Track>\n </BaseProgress.Root>\n );\n}\n\n// ============================================\n// Circular Progress\n// ============================================\n\nconst CIRCLE_SIZES = {\n sm: { size: 32, strokeWidth: 3 },\n md: { size: 48, strokeWidth: 4 },\n lg: { size: 64, strokeWidth: 5 },\n};\n\nfunction CircularProgressRoot({\n value = null,\n size = 'md',\n variant = 'default',\n showValue = false,\n strokeWidth: customStrokeWidth,\n className,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-valuetext': ariaValueText,\n ...htmlProps\n}: CircularProgressProps) {\n const isIndeterminate = value === null;\n const percentage = isIndeterminate ? 0 : Math.min(100, Math.max(0, value));\n\n const { size: svgSize, strokeWidth: defaultStrokeWidth } = CIRCLE_SIZES[size];\n const strokeWidth = customStrokeWidth ?? defaultStrokeWidth;\n\n const radius = (svgSize - strokeWidth) / 2;\n const circumference = 2 * Math.PI * radius;\n const offset = circumference - (percentage / 100) * circumference;\n\n const sizeClass = size === 'sm' ? styles.circularSm\n : size === 'lg' ? styles.circularLg\n : styles.circularMd;\n\n const indicatorClasses = [\n styles.circularIndicator,\n variant === 'success' && styles.circularIndicatorSuccess,\n variant === 'warning' && styles.circularIndicatorWarning,\n variant === 'danger' && styles.circularIndicatorDanger,\n isIndeterminate && styles.circularIndicatorIndeterminate,\n ].filter(Boolean).join(' ');\n\n const rootClasses = [styles.circular, sizeClass, className]\n .filter(Boolean)\n .join(' ');\n\n // Default value text for screen readers\n const effectiveValueText = ariaValueText || (\n isIndeterminate ? 'Loading' : `${Math.round(percentage)} percent`\n );\n\n return (\n <BaseProgress.Root\n {...htmlProps}\n value={value}\n min={0}\n max={100}\n className={rootClasses}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-valuenow={isIndeterminate ? undefined : percentage}\n aria-valuemin={0}\n aria-valuemax={100}\n aria-valuetext={effectiveValueText}\n aria-busy={isIndeterminate}\n >\n <svg\n className={styles.circularSvg}\n width={svgSize}\n height={svgSize}\n viewBox={`0 0 ${svgSize} ${svgSize}`}\n aria-hidden=\"true\"\n >\n {/* Track circle */}\n <circle\n className={styles.circularTrack}\n cx={svgSize / 2}\n cy={svgSize / 2}\n r={radius}\n strokeWidth={strokeWidth}\n />\n {/* Indicator circle */}\n <circle\n className={indicatorClasses}\n cx={svgSize / 2}\n cy={svgSize / 2}\n r={radius}\n strokeWidth={strokeWidth}\n strokeDasharray={circumference}\n strokeDashoffset={isIndeterminate ? undefined : offset}\n style={isIndeterminate ? { transformOrigin: 'center' } : undefined}\n />\n </svg>\n {showValue && !isIndeterminate && (\n <span className={styles.circularValue} aria-hidden=\"true\">{Math.round(percentage)}%</span>\n )}\n </BaseProgress.Root>\n );\n}\n\nexport const CircularProgress = CircularProgressRoot;\n\nexport const Progress = Object.assign(ProgressRoot, {\n Root: ProgressRoot,\n Circular: CircularProgressRoot,\n});\n"],"names":["BaseProgress"],"mappings":"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"}

package/dist/components/Prompt/Prompt.module.scss.cjs.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"Prompt.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Prompt/Prompt.module.scss.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"Prompt.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Prompt/index.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.cjs","sources":["../../../src/components/Prompt/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Prompt.module.scss';\nimport { Loading } from '../Loading';\n\n// ============================================\n// Types\n// ============================================\n\nexport type PromptVariant = 'default' | 'fixed' | 'sticky';\n\nexport interface PromptProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSubmit' | 'defaultValue'> {\n children: React.ReactNode;\n /** Controlled input value */\n value?: string;\n /** Default value for uncontrolled usage */\n defaultValue?: string;\n /** Callback when value changes */\n onChange?: (value: string) => void;\n /** Callback when form is submitted */\n onSubmit?: (value: string) => void;\n /** Placeholder text for the textarea */\n placeholder?: string;\n /** Disable the entire prompt */\n disabled?: boolean;\n /** Show loading state (disables submit) */\n loading?: boolean;\n /** Minimum number of rows */\n minRows?: number;\n /** Maximum number of rows */\n maxRows?: number;\n /** Enable auto-resize based on content */\n autoResize?: boolean;\n /** Submit on Enter key (Shift+Enter for newline) */\n submitOnEnter?: boolean;\n /** Visual variant - \"fixed\" for bottom-fixed elevated prompt */\n variant?: PromptVariant;\n}\n\nexport interface PromptTextareaProps {\n /** Override placeholder from context */\n placeholder?: string;\n className?: string;\n}\n\nexport interface PromptToolbarProps {\n children: React.ReactNode;\n className?: string;\n}\n\nexport interface PromptActionsProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport interface PromptInfoProps {\n children: React.ReactNode;\n className?: string;\n}\n\nexport interface PromptActionButtonProps {\n children: React.ReactNode;\n /** Accessible label for the button */\n 'aria-label': string;\n /** Click handler */\n onClick?: () => void;\n /** Disabled state */\n disabled?: boolean;\n className?: string;\n}\n\nexport interface PromptModeButtonProps {\n children: React.ReactNode;\n /** Click handler */\n onClick?: () => void;\n /** Whether this mode is currently active */\n active?: boolean;\n /** Disabled state */\n disabled?: boolean;\n className?: string;\n}\n\nexport interface PromptUsageProps {\n children: React.ReactNode;\n className?: string;\n}\n\nexport interface PromptSubmitProps {\n /** Custom submit icon/content */\n children?: React.ReactNode;\n /** Override aria-label */\n 'aria-label'?: string;\n className?: string;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction ArrowUpIcon() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 256 256\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path d=\"M205.66,117.66a8,8,0,0,1-11.32,0L136,59.31V216a8,8,0,0,1-16,0V59.31L61.66,117.66a8,8,0,0,1-11.32-11.32l72-72a8,8,0,0,1,11.32,0l72,72A8,8,0,0,1,205.66,117.66Z\" />\n </svg>\n );\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface PromptContextValue {\n value: string;\n setValue: (value: string) => void;\n placeholder: string;\n disabled: boolean;\n loading: boolean;\n minRows: number;\n maxRows: number;\n autoResize: boolean;\n submitOnEnter: boolean;\n handleSubmit: () => void;\n textareaRef: React.RefObject<HTMLTextAreaElement | null>;\n}\n\nconst PromptContext = React.createContext<PromptContextValue | null>(null);\n\nfunction usePromptContext() {\n const context = React.useContext(PromptContext);\n if (!context) {\n throw new Error('Prompt compound components must be used within a Prompt');\n }\n return context;\n}\n\n// ============================================\n// Hooks\n// ============================================\n\nfunction useControllableState<T>(\n controlledValue: T | undefined,\n defaultValue: T,\n onChange?: (value: T) => void\n): [T, (value: T) => void] {\n const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);\n const isControlled = controlledValue !== undefined;\n const value = isControlled ? controlledValue : uncontrolledValue;\n\n const setValue = React.useCallback(\n (newValue: T) => {\n if (!isControlled) {\n setUncontrolledValue(newValue);\n }\n onChange?.(newValue);\n },\n [isControlled, onChange]\n );\n\n return [value, setValue];\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction PromptRoot({\n children,\n value: controlledValue,\n defaultValue = '',\n onChange,\n onSubmit,\n placeholder = 'Ask, Search or Chat...',\n disabled = false,\n loading = false,\n minRows = 1,\n maxRows = 8,\n autoResize = true,\n submitOnEnter = true,\n variant = 'default',\n className,\n ...htmlProps\n}: PromptProps) {\n const textareaRef = React.useRef<HTMLTextAreaElement>(null);\n\n const [value, setValue] = useControllableState(\n controlledValue,\n defaultValue,\n onChange\n );\n\n const handleSubmit = React.useCallback(() => {\n if (disabled || loading || !value.trim()) return;\n onSubmit?.(value);\n }, [disabled, loading, value, onSubmit]);\n\n const contextValue: PromptContextValue = {\n value,\n setValue,\n placeholder,\n disabled,\n loading,\n minRows,\n maxRows,\n autoResize,\n submitOnEnter,\n handleSubmit,\n textareaRef,\n };\n\n const classes = [\n styles.prompt,\n variant === 'fixed' && styles.fixed,\n variant === 'sticky' && styles.sticky,\n disabled && styles.disabled,\n loading && styles.loading,\n className,\n ].filter(Boolean).join(' ');\n\n return (\n <PromptContext.Provider value={contextValue}>\n <div\n {...htmlProps}\n className={classes}\n data-disabled={disabled || undefined}\n data-loading={loading || undefined}\n data-variant={variant}\n >\n {children}\n </div>\n </PromptContext.Provider>\n );\n}\n\nfunction PromptTextarea({ placeholder: overridePlaceholder, className }: PromptTextareaProps) {\n const {\n value,\n setValue,\n placeholder,\n disabled,\n loading,\n minRows,\n maxRows,\n autoResize,\n submitOnEnter,\n handleSubmit,\n textareaRef,\n } = usePromptContext();\n\n const lineHeight = 1.5;\n const padding = 12; // top + bottom padding in pixels\n\n const adjustHeight = React.useCallback(() => {\n const textarea = textareaRef.current;\n if (!textarea || !autoResize) return;\n\n // Reset height to auto to get the correct scrollHeight\n textarea.style.height = 'auto';\n\n // Calculate min and max heights based on rows\n const computedStyle = window.getComputedStyle(textarea);\n const fontSize = parseFloat(computedStyle.fontSize);\n const minHeight = minRows * fontSize * lineHeight + padding;\n const maxHeight = maxRows * fontSize * lineHeight + padding;\n\n // Set the height, clamped to min/max\n const newHeight = Math.min(Math.max(textarea.scrollHeight, minHeight), maxHeight);\n textarea.style.height = `${newHeight}px`;\n }, [textareaRef, autoResize, minRows, maxRows]);\n\n React.useEffect(() => {\n adjustHeight();\n }, [value, adjustHeight]);\n\n const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n setValue(e.target.value);\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n if (submitOnEnter && e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n handleSubmit();\n }\n };\n\n const classes = [styles.textarea, className].filter(Boolean).join(' ');\n\n return (\n <textarea\n ref={textareaRef}\n className={classes}\n value={value}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n placeholder={overridePlaceholder ?? placeholder}\n disabled={disabled || loading}\n rows={minRows}\n aria-label={overridePlaceholder ?? placeholder}\n />\n );\n}\n\nfunction PromptToolbar({ children, className }: PromptToolbarProps) {\n const classes = [styles.toolbar, className].filter(Boolean).join(' ');\n return <div className={classes}>{children}</div>;\n}\n\nfunction PromptActions({ children, className }: PromptActionsProps) {\n if (!children) return null;\n const classes = [styles.actions, className].filter(Boolean).join(' ');\n return <div className={classes}>{children}</div>;\n}\n\nfunction PromptInfo({ children, className }: PromptInfoProps) {\n const classes = [styles.info, className].filter(Boolean).join(' ');\n return <div className={classes}>{children}</div>;\n}\n\nfunction PromptActionButton({\n children,\n 'aria-label': ariaLabel,\n onClick,\n disabled: buttonDisabled,\n className,\n}: PromptActionButtonProps) {\n const { disabled, loading } = usePromptContext();\n const isDisabled = disabled || loading || buttonDisabled;\n\n const classes = [styles.actionButton, className].filter(Boolean).join(' ');\n\n return (\n <button\n type=\"button\"\n className={classes}\n onClick={onClick}\n disabled={isDisabled}\n aria-label={ariaLabel}\n >\n {children}\n </button>\n );\n}\n\nfunction PromptModeButton({\n children,\n onClick,\n active = false,\n disabled: buttonDisabled,\n className,\n}: PromptModeButtonProps) {\n const { disabled, loading } = usePromptContext();\n const isDisabled = disabled || loading || buttonDisabled;\n\n const classes = [\n styles.modeButton,\n active && styles.modeButtonActive,\n className,\n ].filter(Boolean).join(' ');\n\n return (\n <button\n type=\"button\"\n className={classes}\n onClick={onClick}\n disabled={isDisabled}\n aria-pressed={active}\n >\n {children}\n </button>\n );\n}\n\nfunction PromptUsage({ children, className }: PromptUsageProps) {\n const classes = [styles.usage, className].filter(Boolean).join(' ');\n return <span className={classes}>{children}</span>;\n}\n\nfunction PromptSubmit({\n children,\n 'aria-label': ariaLabel = 'Submit',\n className,\n}: PromptSubmitProps) {\n const { disabled, loading, handleSubmit, value } = usePromptContext();\n const isDisabled = disabled || loading || !value.trim();\n\n const classes = [\n styles.submit,\n loading && styles.submitLoading,\n className,\n ].filter(Boolean).join(' ');\n\n return (\n <button\n type=\"button\"\n className={classes}\n onClick={handleSubmit}\n disabled={isDisabled}\n aria-label={ariaLabel}\n >\n {loading ? (\n <Loading\n size=\"sm\"\n variant=\"spinner\"\n color=\"current\"\n label=\"Submitting\"\n className={styles.submitSpinner}\n />\n ) : (\n children ?? <ArrowUpIcon />\n )}\n </button>\n );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Prompt = Object.assign(PromptRoot, {\n Textarea: PromptTextarea,\n Toolbar: PromptToolbar,\n Actions: PromptActions,\n Info: PromptInfo,\n ActionButton: PromptActionButton,\n ModeButton: PromptModeButton,\n Usage: PromptUsage,\n Submit: PromptSubmit,\n});\n\nexport {\n PromptRoot,\n PromptTextarea,\n PromptToolbar,\n PromptActions,\n PromptInfo,\n PromptActionButton,\n PromptModeButton,\n PromptUsage,\n PromptSubmit,\n};\n\n// Export hook for external use\nexport { usePromptContext };\n"],"names":["jsx","React","styles","Loading"],"mappings":"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"}

package/dist/components/Prompt/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.js","sources":["../../../src/components/Prompt/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Prompt.module.scss';\nimport { Loading } from '../Loading';\n\n// ============================================\n// Types\n// ============================================\n\nexport type PromptVariant = 'default' | 'fixed' | 'sticky';\n\nexport interface PromptProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSubmit' | 'defaultValue'> {\n children: React.ReactNode;\n /** Controlled input value */\n value?: string;\n /** Default value for uncontrolled usage */\n defaultValue?: string;\n /** Callback when value changes */\n onChange?: (value: string) => void;\n /** Callback when form is submitted */\n onSubmit?: (value: string) => void;\n /** Placeholder text for the textarea */\n placeholder?: string;\n /** Disable the entire prompt */\n disabled?: boolean;\n /** Show loading state (disables submit) */\n loading?: boolean;\n /** Minimum number of rows */\n minRows?: number;\n /** Maximum number of rows */\n maxRows?: number;\n /** Enable auto-resize based on content */\n autoResize?: boolean;\n /** Submit on Enter key (Shift+Enter for newline) */\n submitOnEnter?: boolean;\n /** Visual variant - \"fixed\" for bottom-fixed elevated prompt */\n variant?: PromptVariant;\n}\n\nexport interface PromptTextareaProps {\n /** Override placeholder from context */\n placeholder?: string;\n className?: string;\n}\n\nexport interface PromptToolbarProps {\n children: React.ReactNode;\n className?: string;\n}\n\nexport interface PromptActionsProps {\n children?: React.ReactNode;\n className?: string;\n}\n\nexport interface PromptInfoProps {\n children: React.ReactNode;\n className?: string;\n}\n\nexport interface PromptActionButtonProps {\n children: React.ReactNode;\n /** Accessible label for the button */\n 'aria-label': string;\n /** Click handler */\n onClick?: () => void;\n /** Disabled state */\n disabled?: boolean;\n className?: string;\n}\n\nexport interface PromptModeButtonProps {\n children: React.ReactNode;\n /** Click handler */\n onClick?: () => void;\n /** Whether this mode is currently active */\n active?: boolean;\n /** Disabled state */\n disabled?: boolean;\n className?: string;\n}\n\nexport interface PromptUsageProps {\n children: React.ReactNode;\n className?: string;\n}\n\nexport interface PromptSubmitProps {\n /** Custom submit icon/content */\n children?: React.ReactNode;\n /** Override aria-label */\n 'aria-label'?: string;\n className?: string;\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction ArrowUpIcon() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 256 256\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path d=\"M205.66,117.66a8,8,0,0,1-11.32,0L136,59.31V216a8,8,0,0,1-16,0V59.31L61.66,117.66a8,8,0,0,1-11.32-11.32l72-72a8,8,0,0,1,11.32,0l72,72A8,8,0,0,1,205.66,117.66Z\" />\n </svg>\n );\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface PromptContextValue {\n value: string;\n setValue: (value: string) => void;\n placeholder: string;\n disabled: boolean;\n loading: boolean;\n minRows: number;\n maxRows: number;\n autoResize: boolean;\n submitOnEnter: boolean;\n handleSubmit: () => void;\n textareaRef: React.RefObject<HTMLTextAreaElement | null>;\n}\n\nconst PromptContext = React.createContext<PromptContextValue | null>(null);\n\nfunction usePromptContext() {\n const context = React.useContext(PromptContext);\n if (!context) {\n throw new Error('Prompt compound components must be used within a Prompt');\n }\n return context;\n}\n\n// ============================================\n// Hooks\n// ============================================\n\nfunction useControllableState<T>(\n controlledValue: T | undefined,\n defaultValue: T,\n onChange?: (value: T) => void\n): [T, (value: T) => void] {\n const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);\n const isControlled = controlledValue !== undefined;\n const value = isControlled ? controlledValue : uncontrolledValue;\n\n const setValue = React.useCallback(\n (newValue: T) => {\n if (!isControlled) {\n setUncontrolledValue(newValue);\n }\n onChange?.(newValue);\n },\n [isControlled, onChange]\n );\n\n return [value, setValue];\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction PromptRoot({\n children,\n value: controlledValue,\n defaultValue = '',\n onChange,\n onSubmit,\n placeholder = 'Ask, Search or Chat...',\n disabled = false,\n loading = false,\n minRows = 1,\n maxRows = 8,\n autoResize = true,\n submitOnEnter = true,\n variant = 'default',\n className,\n ...htmlProps\n}: PromptProps) {\n const textareaRef = React.useRef<HTMLTextAreaElement>(null);\n\n const [value, setValue] = useControllableState(\n controlledValue,\n defaultValue,\n onChange\n );\n\n const handleSubmit = React.useCallback(() => {\n if (disabled || loading || !value.trim()) return;\n onSubmit?.(value);\n }, [disabled, loading, value, onSubmit]);\n\n const contextValue: PromptContextValue = {\n value,\n setValue,\n placeholder,\n disabled,\n loading,\n minRows,\n maxRows,\n autoResize,\n submitOnEnter,\n handleSubmit,\n textareaRef,\n };\n\n const classes = [\n styles.prompt,\n variant === 'fixed' && styles.fixed,\n variant === 'sticky' && styles.sticky,\n disabled && styles.disabled,\n loading && styles.loading,\n className,\n ].filter(Boolean).join(' ');\n\n return (\n <PromptContext.Provider value={contextValue}>\n <div\n {...htmlProps}\n className={classes}\n data-disabled={disabled || undefined}\n data-loading={loading || undefined}\n data-variant={variant}\n >\n {children}\n </div>\n </PromptContext.Provider>\n );\n}\n\nfunction PromptTextarea({ placeholder: overridePlaceholder, className }: PromptTextareaProps) {\n const {\n value,\n setValue,\n placeholder,\n disabled,\n loading,\n minRows,\n maxRows,\n autoResize,\n submitOnEnter,\n handleSubmit,\n textareaRef,\n } = usePromptContext();\n\n const lineHeight = 1.5;\n const padding = 12; // top + bottom padding in pixels\n\n const adjustHeight = React.useCallback(() => {\n const textarea = textareaRef.current;\n if (!textarea || !autoResize) return;\n\n // Reset height to auto to get the correct scrollHeight\n textarea.style.height = 'auto';\n\n // Calculate min and max heights based on rows\n const computedStyle = window.getComputedStyle(textarea);\n const fontSize = parseFloat(computedStyle.fontSize);\n const minHeight = minRows * fontSize * lineHeight + padding;\n const maxHeight = maxRows * fontSize * lineHeight + padding;\n\n // Set the height, clamped to min/max\n const newHeight = Math.min(Math.max(textarea.scrollHeight, minHeight), maxHeight);\n textarea.style.height = `${newHeight}px`;\n }, [textareaRef, autoResize, minRows, maxRows]);\n\n React.useEffect(() => {\n adjustHeight();\n }, [value, adjustHeight]);\n\n const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n setValue(e.target.value);\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n if (submitOnEnter && e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n handleSubmit();\n }\n };\n\n const classes = [styles.textarea, className].filter(Boolean).join(' ');\n\n return (\n <textarea\n ref={textareaRef}\n className={classes}\n value={value}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n placeholder={overridePlaceholder ?? placeholder}\n disabled={disabled || loading}\n rows={minRows}\n aria-label={overridePlaceholder ?? placeholder}\n />\n );\n}\n\nfunction PromptToolbar({ children, className }: PromptToolbarProps) {\n const classes = [styles.toolbar, className].filter(Boolean).join(' ');\n return <div className={classes}>{children}</div>;\n}\n\nfunction PromptActions({ children, className }: PromptActionsProps) {\n if (!children) return null;\n const classes = [styles.actions, className].filter(Boolean).join(' ');\n return <div className={classes}>{children}</div>;\n}\n\nfunction PromptInfo({ children, className }: PromptInfoProps) {\n const classes = [styles.info, className].filter(Boolean).join(' ');\n return <div className={classes}>{children}</div>;\n}\n\nfunction PromptActionButton({\n children,\n 'aria-label': ariaLabel,\n onClick,\n disabled: buttonDisabled,\n className,\n}: PromptActionButtonProps) {\n const { disabled, loading } = usePromptContext();\n const isDisabled = disabled || loading || buttonDisabled;\n\n const classes = [styles.actionButton, className].filter(Boolean).join(' ');\n\n return (\n <button\n type=\"button\"\n className={classes}\n onClick={onClick}\n disabled={isDisabled}\n aria-label={ariaLabel}\n >\n {children}\n </button>\n );\n}\n\nfunction PromptModeButton({\n children,\n onClick,\n active = false,\n disabled: buttonDisabled,\n className,\n}: PromptModeButtonProps) {\n const { disabled, loading } = usePromptContext();\n const isDisabled = disabled || loading || buttonDisabled;\n\n const classes = [\n styles.modeButton,\n active && styles.modeButtonActive,\n className,\n ].filter(Boolean).join(' ');\n\n return (\n <button\n type=\"button\"\n className={classes}\n onClick={onClick}\n disabled={isDisabled}\n aria-pressed={active}\n >\n {children}\n </button>\n );\n}\n\nfunction PromptUsage({ children, className }: PromptUsageProps) {\n const classes = [styles.usage, className].filter(Boolean).join(' ');\n return <span className={classes}>{children}</span>;\n}\n\nfunction PromptSubmit({\n children,\n 'aria-label': ariaLabel = 'Submit',\n className,\n}: PromptSubmitProps) {\n const { disabled, loading, handleSubmit, value } = usePromptContext();\n const isDisabled = disabled || loading || !value.trim();\n\n const classes = [\n styles.submit,\n loading && styles.submitLoading,\n className,\n ].filter(Boolean).join(' ');\n\n return (\n <button\n type=\"button\"\n className={classes}\n onClick={handleSubmit}\n disabled={isDisabled}\n aria-label={ariaLabel}\n >\n {loading ? (\n <Loading\n size=\"sm\"\n variant=\"spinner\"\n color=\"current\"\n label=\"Submitting\"\n className={styles.submitSpinner}\n />\n ) : (\n children ?? <ArrowUpIcon />\n )}\n </button>\n );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Prompt = Object.assign(PromptRoot, {\n Textarea: PromptTextarea,\n Toolbar: PromptToolbar,\n Actions: PromptActions,\n Info: PromptInfo,\n ActionButton: PromptActionButton,\n ModeButton: PromptModeButton,\n Usage: PromptUsage,\n Submit: PromptSubmit,\n});\n\nexport {\n PromptRoot,\n PromptTextarea,\n PromptToolbar,\n PromptActions,\n PromptInfo,\n PromptActionButton,\n PromptModeButton,\n PromptUsage,\n PromptSubmit,\n};\n\n// Export hook for external use\nexport { usePromptContext };\n"],"names":[],"mappings":"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"}

package/dist/components/RadioGroup/RadioGroup.module.scss.cjs.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"RadioGroup.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/RadioGroup/RadioGroup.module.scss.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"RadioGroup.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/RadioGroup/index.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.cjs","sources":["../../../src/components/RadioGroup/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group';\nimport { Radio as BaseRadio } from '@base-ui/react/radio';\nimport styles from './RadioGroup.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\n/**\n * Radio group for selecting one option from a set.\n * @see https://usefragments.com/components/radiogroup\n */\nexport interface RadioGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n /** Current value (controlled) */\n value?: string;\n /** Default value (uncontrolled) */\n defaultValue?: string;\n /** Callback when value changes */\n onValueChange?: (value: string) => void;\n /** Orientation of the radio group */\n orientation?: 'horizontal' | 'vertical';\n /** Whether the group is disabled */\n disabled?: boolean;\n /** Form field name */\n name?: string;\n /** Label for the group */\n label?: string;\n /** Error message */\n error?: string;\n /** Size variant */\n size?: 'sm' | 'md' | 'lg';\n /** Children (Radio.Item components) */\n children: React.ReactNode;\n}\n\nexport interface RadioItemProps {\n /** The value for this radio item */\n value: string;\n /** Label text */\n label?: string;\n /** Description text below the label */\n description?: string;\n /** Whether this item is disabled */\n disabled?: boolean;\n /** Accessible name for icon-only mode */\n 'aria-label'?: string;\n /** Accessible labelled-by relationship */\n 'aria-labelledby'?: string;\n /** Accessible described-by relationship */\n 'aria-describedby'?: string;\n /** Additional class name */\n className?: string;\n}\n\nfunction mergeAriaIds(...ids: Array<string | undefined>): string | undefined {\n const merged = ids.filter(Boolean).join(' ').trim();\n return merged.length > 0 ? merged : undefined;\n}\n\n// ============================================\n// Context for size\n// ============================================\n\nconst RadioSizeContext = React.createContext<'sm' | 'md' | 'lg'>('md');\n\n// ============================================\n// Radio Item Component\n// ============================================\n\nfunction RadioItem({\n value,\n label,\n description,\n disabled = false,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-describedby': ariaDescribedBy,\n className,\n}: RadioItemProps) {\n const size = React.useContext(RadioSizeContext);\n const id = React.useId();\n const labelId = label ? `radio-label-${id}` : undefined;\n const descriptionId = description ? `radio-desc-${id}` : undefined;\n\n const radioClasses = [\n styles.radio,\n size === 'sm' && styles.radioSm,\n size === 'lg' && styles.radioLg,\n ].filter(Boolean).join(' ');\n\n const labelClasses = [\n styles.label,\n size === 'sm' && styles.labelSm,\n size === 'lg' && styles.labelLg,\n ].filter(Boolean).join(' ');\n\n const wrapperClasses = [styles.itemWrapper, className].filter(Boolean).join(' ');\n\n // If no label/description, render just the radio\n if (!label && !description) {\n return (\n <BaseRadio.Root\n value={value}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-describedby={ariaDescribedBy}\n className={[radioClasses, className].filter(Boolean).join(' ')}\n >\n <BaseRadio.Indicator className={styles.indicator} />\n </BaseRadio.Root>\n );\n }\n\n return (\n <label\n className={wrapperClasses}\n data-disabled={disabled || undefined}\n data-has-description={description ? true : undefined}\n >\n <BaseRadio.Root\n value={value}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-labelledby={mergeAriaIds(ariaLabelledBy, labelId)}\n aria-describedby={mergeAriaIds(ariaDescribedBy, descriptionId)}\n className={radioClasses}\n >\n <BaseRadio.Indicator className={styles.indicator} />\n </BaseRadio.Root>\n <div className={styles.content}>\n <span id={labelId} className={labelClasses}>{label}</span>\n {description && (\n <span id={descriptionId} className={styles.description}>{description}</span>\n )}\n </div>\n </label>\n );\n}\n\n// ============================================\n// Radio Group Component\n// ============================================\n\nfunction RadioGroupRoot({\n value,\n defaultValue,\n onValueChange,\n orientation = 'vertical',\n disabled = false,\n name,\n label,\n error,\n size = 'md',\n children,\n className,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-describedby': ariaDescribedBy,\n ...htmlProps\n}: RadioGroupProps) {\n const groupId = React.useId();\n const labelId = label ? `radio-group-label-${groupId}` : undefined;\n const errorId = error ? `radio-group-error-${groupId}` : undefined;\n\n const groupClasses = [\n styles.group,\n styles[orientation],\n className,\n ].filter(Boolean).join(' ');\n\n return (\n <RadioSizeContext.Provider value={size}>\n <div {...htmlProps} className={styles.wrapper}>\n {label && <span id={labelId} className={styles.groupLabel}>{label}</span>}\n <BaseRadioGroup\n value={value}\n defaultValue={defaultValue}\n onValueChange={onValueChange}\n disabled={disabled}\n name={name}\n aria-label={ariaLabel}\n aria-labelledby={mergeAriaIds(ariaLabelledBy, labelId)}\n aria-describedby={mergeAriaIds(ariaDescribedBy, errorId)}\n className={groupClasses}\n >\n {children}\n </BaseRadioGroup>\n {error && <span id={errorId} className={styles.error}>{error}</span>}\n </div>\n </RadioSizeContext.Provider>\n );\n}\n\n// ============================================\n// Compound Component Export\n// ============================================\n\nexport const RadioGroup = Object.assign(RadioGroupRoot, {\n Item: RadioItem,\n});\n\nexport type { RadioGroupProps as RadioGroupRootProps };\n"],"names":["React","styles","jsx","BaseRadio.Root","BaseRadio.Indicator","jsxs","BaseRadioGroup"],"mappings":"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"}

package/dist/components/RadioGroup/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.js","sources":["../../../src/components/RadioGroup/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group';\nimport { Radio as BaseRadio } from '@base-ui/react/radio';\nimport styles from './RadioGroup.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\n/**\n * Radio group for selecting one option from a set.\n * @see https://usefragments.com/components/radiogroup\n */\nexport interface RadioGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n /** Current value (controlled) */\n value?: string;\n /** Default value (uncontrolled) */\n defaultValue?: string;\n /** Callback when value changes */\n onValueChange?: (value: string) => void;\n /** Orientation of the radio group */\n orientation?: 'horizontal' | 'vertical';\n /** Whether the group is disabled */\n disabled?: boolean;\n /** Form field name */\n name?: string;\n /** Label for the group */\n label?: string;\n /** Error message */\n error?: string;\n /** Size variant */\n size?: 'sm' | 'md' | 'lg';\n /** Children (Radio.Item components) */\n children: React.ReactNode;\n}\n\nexport interface RadioItemProps {\n /** The value for this radio item */\n value: string;\n /** Label text */\n label?: string;\n /** Description text below the label */\n description?: string;\n /** Whether this item is disabled */\n disabled?: boolean;\n /** Accessible name for icon-only mode */\n 'aria-label'?: string;\n /** Accessible labelled-by relationship */\n 'aria-labelledby'?: string;\n /** Accessible described-by relationship */\n 'aria-describedby'?: string;\n /** Additional class name */\n className?: string;\n}\n\nfunction mergeAriaIds(...ids: Array<string | undefined>): string | undefined {\n const merged = ids.filter(Boolean).join(' ').trim();\n return merged.length > 0 ? merged : undefined;\n}\n\n// ============================================\n// Context for size\n// ============================================\n\nconst RadioSizeContext = React.createContext<'sm' | 'md' | 'lg'>('md');\n\n// ============================================\n// Radio Item Component\n// ============================================\n\nfunction RadioItem({\n value,\n label,\n description,\n disabled = false,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-describedby': ariaDescribedBy,\n className,\n}: RadioItemProps) {\n const size = React.useContext(RadioSizeContext);\n const id = React.useId();\n const labelId = label ? `radio-label-${id}` : undefined;\n const descriptionId = description ? `radio-desc-${id}` : undefined;\n\n const radioClasses = [\n styles.radio,\n size === 'sm' && styles.radioSm,\n size === 'lg' && styles.radioLg,\n ].filter(Boolean).join(' ');\n\n const labelClasses = [\n styles.label,\n size === 'sm' && styles.labelSm,\n size === 'lg' && styles.labelLg,\n ].filter(Boolean).join(' ');\n\n const wrapperClasses = [styles.itemWrapper, className].filter(Boolean).join(' ');\n\n // If no label/description, render just the radio\n if (!label && !description) {\n return (\n <BaseRadio.Root\n value={value}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-describedby={ariaDescribedBy}\n className={[radioClasses, className].filter(Boolean).join(' ')}\n >\n <BaseRadio.Indicator className={styles.indicator} />\n </BaseRadio.Root>\n );\n }\n\n return (\n <label\n className={wrapperClasses}\n data-disabled={disabled || undefined}\n data-has-description={description ? true : undefined}\n >\n <BaseRadio.Root\n value={value}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-labelledby={mergeAriaIds(ariaLabelledBy, labelId)}\n aria-describedby={mergeAriaIds(ariaDescribedBy, descriptionId)}\n className={radioClasses}\n >\n <BaseRadio.Indicator className={styles.indicator} />\n </BaseRadio.Root>\n <div className={styles.content}>\n <span id={labelId} className={labelClasses}>{label}</span>\n {description && (\n <span id={descriptionId} className={styles.description}>{description}</span>\n )}\n </div>\n </label>\n );\n}\n\n// ============================================\n// Radio Group Component\n// ============================================\n\nfunction RadioGroupRoot({\n value,\n defaultValue,\n onValueChange,\n orientation = 'vertical',\n disabled = false,\n name,\n label,\n error,\n size = 'md',\n children,\n className,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-describedby': ariaDescribedBy,\n ...htmlProps\n}: RadioGroupProps) {\n const groupId = React.useId();\n const labelId = label ? `radio-group-label-${groupId}` : undefined;\n const errorId = error ? `radio-group-error-${groupId}` : undefined;\n\n const groupClasses = [\n styles.group,\n styles[orientation],\n className,\n ].filter(Boolean).join(' ');\n\n return (\n <RadioSizeContext.Provider value={size}>\n <div {...htmlProps} className={styles.wrapper}>\n {label && <span id={labelId} className={styles.groupLabel}>{label}</span>}\n <BaseRadioGroup\n value={value}\n defaultValue={defaultValue}\n onValueChange={onValueChange}\n disabled={disabled}\n name={name}\n aria-label={ariaLabel}\n aria-labelledby={mergeAriaIds(ariaLabelledBy, labelId)}\n aria-describedby={mergeAriaIds(ariaDescribedBy, errorId)}\n className={groupClasses}\n >\n {children}\n </BaseRadioGroup>\n {error && <span id={errorId} className={styles.error}>{error}</span>}\n </div>\n </RadioSizeContext.Provider>\n );\n}\n\n// ============================================\n// Compound Component Export\n// ============================================\n\nexport const RadioGroup = Object.assign(RadioGroupRoot, {\n Item: RadioItem,\n});\n\nexport type { RadioGroupProps as RadioGroupRootProps };\n"],"names":["BaseRadio.Root","BaseRadio.Indicator","BaseRadioGroup"],"mappings":"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"}

package/dist/components/ScrollArea/ScrollArea.module.scss.cjs.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"ScrollArea.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/ScrollArea/ScrollArea.module.scss.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"ScrollArea.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/ScrollArea/index.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.cjs","sources":["../../../src/components/ScrollArea/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './ScrollArea.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {\n children: React.ReactNode;\n /** Scroll direction */\n orientation?: 'horizontal' | 'vertical' | 'both';\n /** Scrollbar visibility behavior */\n scrollbarVisibility?: 'auto' | 'always' | 'hover';\n /** Whether to show fade indicators at scroll edges */\n showFades?: boolean;\n /** Additional class name */\n className?: string;\n}\n\n// ============================================\n// Component\n// ============================================\n\n/**\n * ScrollArea - A styled scrollable container with customizable scrollbars.\n *\n * Provides thin, unobtrusive scrollbars that appear on hover or scroll,\n * with optional fade indicators to hint at overflowing content.\n */\nfunction ScrollAreaRoot({\n children,\n orientation = 'vertical',\n scrollbarVisibility = 'auto',\n showFades = false,\n className,\n ...htmlProps\n}: ScrollAreaProps) {\n const viewportRef = React.useRef<HTMLDivElement>(null);\n const [canScrollStart, setCanScrollStart] = React.useState(false);\n const [canScrollEnd, setCanScrollEnd] = React.useState(false);\n\n const updateScrollState = React.useCallback(() => {\n const el = viewportRef.current;\n if (!el || !showFades) return;\n\n if (orientation === 'horizontal') {\n setCanScrollStart(el.scrollLeft > 1);\n setCanScrollEnd(el.scrollLeft < el.scrollWidth - el.clientWidth - 1);\n } else {\n setCanScrollStart(el.scrollTop > 1);\n setCanScrollEnd(el.scrollTop < el.scrollHeight - el.clientHeight - 1);\n }\n }, [orientation, showFades]);\n\n React.useEffect(() => {\n const el = viewportRef.current;\n if (!el || !showFades) return;\n\n // Defer initial check to ensure children have laid out\n const raf = requestAnimationFrame(updateScrollState);\n\n el.addEventListener('scroll', updateScrollState, { passive: true });\n\n // Observe both the viewport AND its children for size changes\n // (viewport size stays constant when children overflow — only scrollWidth changes)\n const observer = new ResizeObserver(updateScrollState);\n observer.observe(el);\n Array.from(el.children).forEach(child => observer.observe(child));\n\n return () => {\n cancelAnimationFrame(raf);\n el.removeEventListener('scroll', updateScrollState);\n observer.disconnect();\n };\n }, [showFades, updateScrollState]);\n\n const rootClasses = [\n styles.root,\n className,\n ].filter(Boolean).join(' ');\n\n // Determine which fade mask to apply to the viewport\n const fadeMask = showFades\n ? canScrollStart && canScrollEnd\n ? styles.fadeMaskBoth\n : canScrollStart\n ? styles.fadeMaskStart\n : canScrollEnd\n ? styles.fadeMaskEnd\n : undefined\n : undefined;\n\n const viewportClasses = [\n styles.viewport,\n styles[orientation],\n scrollbarVisibility === 'always' && styles.scrollbarAlways,\n scrollbarVisibility === 'hover' && styles.scrollbarHover,\n fadeMask,\n ].filter(Boolean).join(' ');\n\n return (\n <div\n {...htmlProps}\n className={rootClasses}\n data-orientation={orientation}\n >\n <div ref={viewportRef} className={viewportClasses}>\n {children}\n </div>\n </div>\n );\n}\n\n// ============================================\n// Export\n// ============================================\n\nexport const ScrollArea = Object.assign(ScrollAreaRoot, {\n Root: ScrollAreaRoot,\n});\n"],"names":["React","styles","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,cAAc;AAAA,EACd,sBAAsB;AAAA,EACtB,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,cAAcA,iBAAM,OAAuB,IAAI;AACrD,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,iBAAM,SAAS,KAAK;AAChE,QAAM,CAAC,cAAc,eAAe,IAAIA,iBAAM,SAAS,KAAK;AAE5D,QAAM,oBAAoBA,iBAAM,YAAY,MAAM;AAChD,UAAM,KAAK,YAAY;AACvB,QAAI,CAAC,MAAM,CAAC,UAAW;AAEvB,QAAI,gBAAgB,cAAc;AAChC,wBAAkB,GAAG,aAAa,CAAC;AACnC,sBAAgB,GAAG,aAAa,GAAG,cAAc,GAAG,cAAc,CAAC;AAAA,IACrE,OAAO;AACL,wBAAkB,GAAG,YAAY,CAAC;AAClC,sBAAgB,GAAG,YAAY,GAAG,eAAe,GAAG,eAAe,CAAC;AAAA,IACtE;AAAA,EACF,GAAG,CAAC,aAAa,SAAS,CAAC;AAE3BA,mBAAM,UAAU,MAAM;AACpB,UAAM,KAAK,YAAY;AACvB,QAAI,CAAC,MAAM,CAAC,UAAW;AAGvB,UAAM,MAAM,sBAAsB,iBAAiB;AAEnD,OAAG,iBAAiB,UAAU,mBAAmB,EAAE,SAAS,MAAM;AAIlE,UAAM,WAAW,IAAI,eAAe,iBAAiB;AACrD,aAAS,QAAQ,EAAE;AACnB,UAAM,KAAK,GAAG,QAAQ,EAAE,QAAQ,CAAA,UAAS,SAAS,QAAQ,KAAK,CAAC;AAEhE,WAAO,MAAM;AACX,2BAAqB,GAAG;AACxB,SAAG,oBAAoB,UAAU,iBAAiB;AAClD,eAAS,WAAA;AAAA,IACX;AAAA,EACF,GAAG,CAAC,WAAW,iBAAiB,CAAC;AAEjC,QAAM,cAAc;AAAA,IAClBC,kBAAAA,QAAO;AAAA,IACP;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAG1B,QAAM,WAAW,YACb,kBAAkB,eAChBA,kBAAAA,QAAO,eACP,iBACEA,kBAAAA,QAAO,gBACP,eACEA,kBAAAA,QAAO,cACP,SACN;AAEJ,QAAM,kBAAkB;AAAA,IACtBA,kBAAAA,QAAO;AAAA,IACPA,kBAAAA,QAAO,WAAW;AAAA,IAClB,wBAAwB,YAAYA,kBAAAA,QAAO;AAAA,IAC3C,wBAAwB,WAAWA,kBAAAA,QAAO;AAAA,IAC1C;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,MACX,oBAAkB;AAAA,MAElB,yCAAC,OAAA,EAAI,KAAK,aAAa,WAAW,iBAC/B,SAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;AAMO,MAAM,aAAa,OAAO,OAAO,gBAAgB;AAAA,EACtD,MAAM;AACR,CAAC;;"}

package/dist/components/ScrollArea/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.js","sources":["../../../src/components/ScrollArea/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './ScrollArea.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {\n children: React.ReactNode;\n /** Scroll direction */\n orientation?: 'horizontal' | 'vertical' | 'both';\n /** Scrollbar visibility behavior */\n scrollbarVisibility?: 'auto' | 'always' | 'hover';\n /** Whether to show fade indicators at scroll edges */\n showFades?: boolean;\n /** Additional class name */\n className?: string;\n}\n\n// ============================================\n// Component\n// ============================================\n\n/**\n * ScrollArea - A styled scrollable container with customizable scrollbars.\n *\n * Provides thin, unobtrusive scrollbars that appear on hover or scroll,\n * with optional fade indicators to hint at overflowing content.\n */\nfunction ScrollAreaRoot({\n children,\n orientation = 'vertical',\n scrollbarVisibility = 'auto',\n showFades = false,\n className,\n ...htmlProps\n}: ScrollAreaProps) {\n const viewportRef = React.useRef<HTMLDivElement>(null);\n const [canScrollStart, setCanScrollStart] = React.useState(false);\n const [canScrollEnd, setCanScrollEnd] = React.useState(false);\n\n const updateScrollState = React.useCallback(() => {\n const el = viewportRef.current;\n if (!el || !showFades) return;\n\n if (orientation === 'horizontal') {\n setCanScrollStart(el.scrollLeft > 1);\n setCanScrollEnd(el.scrollLeft < el.scrollWidth - el.clientWidth - 1);\n } else {\n setCanScrollStart(el.scrollTop > 1);\n setCanScrollEnd(el.scrollTop < el.scrollHeight - el.clientHeight - 1);\n }\n }, [orientation, showFades]);\n\n React.useEffect(() => {\n const el = viewportRef.current;\n if (!el || !showFades) return;\n\n // Defer initial check to ensure children have laid out\n const raf = requestAnimationFrame(updateScrollState);\n\n el.addEventListener('scroll', updateScrollState, { passive: true });\n\n // Observe both the viewport AND its children for size changes\n // (viewport size stays constant when children overflow — only scrollWidth changes)\n const observer = new ResizeObserver(updateScrollState);\n observer.observe(el);\n Array.from(el.children).forEach(child => observer.observe(child));\n\n return () => {\n cancelAnimationFrame(raf);\n el.removeEventListener('scroll', updateScrollState);\n observer.disconnect();\n };\n }, [showFades, updateScrollState]);\n\n const rootClasses = [\n styles.root,\n className,\n ].filter(Boolean).join(' ');\n\n // Determine which fade mask to apply to the viewport\n const fadeMask = showFades\n ? canScrollStart && canScrollEnd\n ? styles.fadeMaskBoth\n : canScrollStart\n ? styles.fadeMaskStart\n : canScrollEnd\n ? styles.fadeMaskEnd\n : undefined\n : undefined;\n\n const viewportClasses = [\n styles.viewport,\n styles[orientation],\n scrollbarVisibility === 'always' && styles.scrollbarAlways,\n scrollbarVisibility === 'hover' && styles.scrollbarHover,\n fadeMask,\n ].filter(Boolean).join(' ');\n\n return (\n <div\n {...htmlProps}\n className={rootClasses}\n data-orientation={orientation}\n >\n <div ref={viewportRef} className={viewportClasses}>\n {children}\n </div>\n </div>\n );\n}\n\n// ============================================\n// Export\n// ============================================\n\nexport const ScrollArea = Object.assign(ScrollAreaRoot, {\n Root: ScrollAreaRoot,\n});\n"],"names":[],"mappings":";;;AA+BA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,cAAc;AAAA,EACd,sBAAsB;AAAA,EACtB,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,cAAc,MAAM,OAAuB,IAAI;AACrD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,MAAM,SAAS,KAAK;AAChE,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,KAAK;AAE5D,QAAM,oBAAoB,MAAM,YAAY,MAAM;AAChD,UAAM,KAAK,YAAY;AACvB,QAAI,CAAC,MAAM,CAAC,UAAW;AAEvB,QAAI,gBAAgB,cAAc;AAChC,wBAAkB,GAAG,aAAa,CAAC;AACnC,sBAAgB,GAAG,aAAa,GAAG,cAAc,GAAG,cAAc,CAAC;AAAA,IACrE,OAAO;AACL,wBAAkB,GAAG,YAAY,CAAC;AAClC,sBAAgB,GAAG,YAAY,GAAG,eAAe,GAAG,eAAe,CAAC;AAAA,IACtE;AAAA,EACF,GAAG,CAAC,aAAa,SAAS,CAAC;AAE3B,QAAM,UAAU,MAAM;AACpB,UAAM,KAAK,YAAY;AACvB,QAAI,CAAC,MAAM,CAAC,UAAW;AAGvB,UAAM,MAAM,sBAAsB,iBAAiB;AAEnD,OAAG,iBAAiB,UAAU,mBAAmB,EAAE,SAAS,MAAM;AAIlE,UAAM,WAAW,IAAI,eAAe,iBAAiB;AACrD,aAAS,QAAQ,EAAE;AACnB,UAAM,KAAK,GAAG,QAAQ,EAAE,QAAQ,CAAA,UAAS,SAAS,QAAQ,KAAK,CAAC;AAEhE,WAAO,MAAM;AACX,2BAAqB,GAAG;AACxB,SAAG,oBAAoB,UAAU,iBAAiB;AAClD,eAAS,WAAA;AAAA,IACX;AAAA,EACF,GAAG,CAAC,WAAW,iBAAiB,CAAC;AAEjC,QAAM,cAAc;AAAA,IAClB,OAAO;AAAA,IACP;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAG1B,QAAM,WAAW,YACb,kBAAkB,eAChB,OAAO,eACP,iBACE,OAAO,gBACP,eACE,OAAO,cACP,SACN;AAEJ,QAAM,kBAAkB;AAAA,IACtB,OAAO;AAAA,IACP,OAAO,WAAW;AAAA,IAClB,wBAAwB,YAAY,OAAO;AAAA,IAC3C,wBAAwB,WAAW,OAAO;AAAA,IAC1C;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,MACX,oBAAkB;AAAA,MAElB,8BAAC,OAAA,EAAI,KAAK,aAAa,WAAW,iBAC/B,SAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;AAMO,MAAM,aAAa,OAAO,OAAO,gBAAgB;AAAA,EACtD,MAAM;AACR,CAAC;"}

package/dist/components/Select/Select.module.scss.cjs.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"Select.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Select/Select.module.scss.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"Select.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}