jaci-ui 0.9.4 → 1.0.2

package/dist/components/navigation-menu/navigation-menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.cjs","names":["navigationMenu","BaseNavigationMenu","withRecipeClassName","useThemePortalProps"],"sources":["../../../src/components/navigation-menu/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport { NavigationMenu as BaseNavigationMenu } from \"@base-ui/react/navigation-menu\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { NavigationMenuRoot as BaseNavigationMenuRoot } from \"@base-ui/react/navigation-menu\";\n\nimport { navigationMenu } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport type NavigationMenuOrientation = \"horizontal\" | \"vertical\";\n\ninterface NavigationMenuContextValue {\n  close: () => void;\n  orientation: NavigationMenuOrientation;\n  styles: ReturnType<typeof navigationMenu>;\n  value: string | null;\n}\n\nconst NavigationMenuContext = createContext<NavigationMenuContextValue | null>(null);\nconst NavigationMenuItemContext = createContext<{ value?: string } | null>(null);\n\nfunction useNavigationMenuContext() {\n  const context = useContext(NavigationMenuContext);\n  if (!context) {\n    throw new Error(\"NavigationMenu parts must be rendered inside NavigationMenu.Root.\");\n  }\n\n  return context;\n}\n\nexport interface NavigationMenuRootProps\n  extends Omit<\n    BaseNavigationMenuRoot.Props<string>,\n    \"children\" | \"className\" | \"onValueChange\" | \"value\" | \"defaultValue\"\n  > {\n  value?: string | null;\n  defaultValue?: string | null;\n  onValueChange?: (value: string | null) => void;\n  orientation?: NavigationMenuOrientation;\n  children?: ReactNode;\n  className?: string;\n}\n\nexport const NavigationMenuRoot = forwardRef<HTMLElement, NavigationMenuRootProps>(\n  function NavigationMenuRoot(\n    {\n      children,\n      className,\n      defaultValue,\n      onValueChange,\n      orientation = \"horizontal\",\n      value,\n      ...props\n    },\n    ref,\n  ) {\n    const [uncontrolledValue, setUncontrolledValue] = useState<string | null>(defaultValue ?? null);\n    const rootElementRef = useRef<HTMLElement | null>(null);\n    // Keep the Base UI primitive controlled by the wrapper state even when the\n    // consumer uses the uncontrolled API. This keeps the viewport and the\n    // primitive in sync when Base UI dismisses a menu (pointer leave, outside\n    // press, Escape or pressing the trigger again).\n    const resolvedValue = value === undefined ? uncontrolledValue : value;\n    const styles = navigationMenu({ orientation });\n    const close = useCallback(() => {\n      if (value === undefined) setUncontrolledValue(null);\n      else onValueChange?.(null);\n    }, [onValueChange, value]);\n\n    useEffect(() => {\n      if (resolvedValue === null) return;\n      const handleOutsidePress = (event: MouseEvent) => {\n        const target = event.target;\n        if (!(target instanceof Element)) return;\n        if (rootElementRef.current?.contains(target)) return;\n        if (\n          target.closest(\n            '[data-slot=\"navigation-menu-content\"], [data-slot=\"navigation-menu-positioner\"], [data-slot=\"navigation-menu-popup\"], [data-slot=\"navigation-menu-viewport\"]',\n          )\n        ) {\n          return;\n        }\n        close();\n      };\n      document.addEventListener(\"click\", handleOutsidePress);\n      return () => document.removeEventListener(\"click\", handleOutsidePress);\n    }, [close, resolvedValue]);\n\n    const setRootRef = (element: HTMLElement | null) => {\n      rootElementRef.current = element;\n      if (typeof ref === \"function\") ref(element);\n      else if (ref) ref.current = element;\n    };\n\n    return (\n      <NavigationMenuContext.Provider value={{ close, orientation, styles, value: resolvedValue }}>\n        <BaseNavigationMenu.Root\n          {...props}\n          onValueChange={(next) => {\n            if (value === undefined) setUncontrolledValue(next);\n            onValueChange?.(next);\n          }}\n          orientation={orientation}\n          ref={setRootRef}\n          value={resolvedValue}\n          className={withRecipeClassName(styles.root, className)}\n          data-jaci-component=\"navigation-menu\"\n          data-orientation={orientation}\n          data-slot=\"navigation-menu\"\n        >\n          {children}\n        </BaseNavigationMenu.Root>\n      </NavigationMenuContext.Provider>\n    );\n  },\n);\n\nexport type NavigationMenuListProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.List>;\nexport const NavigationMenuList = forwardRef<HTMLUListElement, NavigationMenuListProps>(\n  function NavigationMenuList({ className, ...props }, ref) {\n    const { styles, orientation } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.List\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.list, className)}\n        data-orientation={orientation}\n        data-slot=\"navigation-menu-list\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuItemProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Item>;\nexport const NavigationMenuItem = forwardRef<HTMLLIElement, NavigationMenuItemProps>(\n  function NavigationMenuItem({ children, className, value, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    const generatedValue = useId();\n    const itemValue = value ?? generatedValue;\n    return (\n      <NavigationMenuItemContext.Provider value={{ value: itemValue }}>\n        <BaseNavigationMenu.Item\n          {...props}\n          ref={ref}\n          value={itemValue}\n          className={withRecipeClassName(styles.item, className)}\n          data-slot=\"navigation-menu-item\"\n        >\n          {children}\n        </BaseNavigationMenu.Item>\n      </NavigationMenuItemContext.Provider>\n    );\n  },\n);\n\nexport type NavigationMenuTriggerProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Trigger\n>;\nexport const NavigationMenuTrigger = forwardRef<HTMLButtonElement, NavigationMenuTriggerProps>(\n  function NavigationMenuTrigger({ className, onClick, ...props }, ref) {\n    const { close, styles, value } = useNavigationMenuContext();\n    const item = useContext(NavigationMenuItemContext);\n    return (\n      <BaseNavigationMenu.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-slot=\"navigation-menu-trigger\"\n        onClick={(event) => {\n          // Base UI intentionally keeps a hover-opened menu open for a brief\n          // patient-click window. For a component library trigger, a second\n          // click should always be an explicit close action.\n          if (item?.value !== undefined && value === item.value) {\n            event.preventDefault();\n            close();\n          }\n          onClick?.(event);\n        }}\n      />\n    );\n  },\n);\n\nexport type NavigationMenuContentProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Content\n>;\nexport const NavigationMenuContent = forwardRef<HTMLDivElement, NavigationMenuContentProps>(\n  function NavigationMenuContent({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Content\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.content, className)}\n        data-slot=\"navigation-menu-content\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuLinkProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Link>;\nexport const NavigationMenuLink = forwardRef<HTMLAnchorElement, NavigationMenuLinkProps>(\n  function NavigationMenuLink({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Link\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.link, className)}\n        data-slot=\"navigation-menu-link\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuIconProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Icon>;\nexport const NavigationMenuIcon = forwardRef<HTMLSpanElement, NavigationMenuIconProps>(\n  function NavigationMenuIcon({ children = \"⌄\", className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Icon\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.icon, className)}\n        data-slot=\"navigation-menu-icon\"\n      >\n        {children}\n      </BaseNavigationMenu.Icon>\n    );\n  },\n);\n\nexport function NavigationMenuPortal(\n  props: ComponentPropsWithoutRef<typeof BaseNavigationMenu.Portal>,\n) {\n  return <BaseNavigationMenu.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type NavigationMenuPositionerProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Positioner\n>;\nexport const NavigationMenuPositioner = forwardRef<HTMLDivElement, NavigationMenuPositionerProps>(\n  function NavigationMenuPositioner({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.positioner, className)}\n        data-slot=\"navigation-menu-positioner\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuViewportProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Viewport\n>;\nexport const NavigationMenuViewport = forwardRef<HTMLDivElement, NavigationMenuViewportProps>(\n  function NavigationMenuViewport({ className, ...props }, ref) {\n    const { styles, value } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.viewport, className)}\n        data-open={value !== null ? \"true\" : \"false\"}\n        data-slot=\"navigation-menu-viewport\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuPopupProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Popup>;\nexport const NavigationMenuPopup = forwardRef<HTMLElement, NavigationMenuPopupProps>(\n  function NavigationMenuPopup({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Popup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.popup, className)}\n        data-slot=\"navigation-menu-popup\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuBackdropProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Backdrop\n>;\nexport const NavigationMenuBackdrop = forwardRef<HTMLDivElement, NavigationMenuBackdropProps>(\n  function NavigationMenuBackdrop({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Backdrop\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.backdrop, className)}\n        data-slot=\"navigation-menu-backdrop\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuArrowProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Arrow>;\nexport const NavigationMenuArrow = forwardRef<HTMLDivElement, NavigationMenuArrowProps>(\n  function NavigationMenuArrow({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Arrow\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.arrow, className)}\n        data-slot=\"navigation-menu-arrow\"\n      />\n    );\n  },\n);\n\nexport const NavigationMenu = {\n  Root: NavigationMenuRoot,\n  List: NavigationMenuList,\n  Item: NavigationMenuItem,\n  Trigger: NavigationMenuTrigger,\n  Content: NavigationMenuContent,\n  Link: NavigationMenuLink,\n  Icon: NavigationMenuIcon,\n  Portal: NavigationMenuPortal,\n  Positioner: NavigationMenuPositioner,\n  Viewport: NavigationMenuViewport,\n  Popup: NavigationMenuPopup,\n  Backdrop: NavigationMenuBackdrop,\n  Arrow: NavigationMenuArrow,\n};\n"],"mappings":"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"}
+{"version":3,"file":"navigation-menu.cjs","names":["createContext","useContext","forwardRef","useState","useRef","navigationMenu","useCallback","BaseNavigationMenu","withRecipeClassName","useId","useThemePortalProps"],"sources":["../../../src/components/navigation-menu/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport { NavigationMenu as BaseNavigationMenu } from \"@base-ui/react/navigation-menu\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { NavigationMenuRoot as BaseNavigationMenuRoot } from \"@base-ui/react/navigation-menu\";\n\nimport { navigationMenu } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport type NavigationMenuOrientation = \"horizontal\" | \"vertical\";\n\ninterface NavigationMenuContextValue {\n  close: () => void;\n  orientation: NavigationMenuOrientation;\n  styles: ReturnType<typeof navigationMenu>;\n  value: string | null;\n}\n\nconst NavigationMenuContext = createContext<NavigationMenuContextValue | null>(null);\nconst NavigationMenuItemContext = createContext<{ value?: string } | null>(null);\n\nfunction useNavigationMenuContext() {\n  const context = useContext(NavigationMenuContext);\n  if (!context) {\n    throw new Error(\"NavigationMenu parts must be rendered inside NavigationMenu.Root.\");\n  }\n\n  return context;\n}\n\nexport interface NavigationMenuRootProps\n  extends Omit<\n    BaseNavigationMenuRoot.Props<string>,\n    \"children\" | \"className\" | \"onValueChange\" | \"value\" | \"defaultValue\"\n  > {\n  value?: string | null;\n  defaultValue?: string | null;\n  onValueChange?: (value: string | null) => void;\n  orientation?: NavigationMenuOrientation;\n  children?: ReactNode;\n  className?: string;\n}\n\nexport const NavigationMenuRoot = forwardRef<HTMLElement, NavigationMenuRootProps>(\n  function NavigationMenuRoot(\n    {\n      children,\n      className,\n      defaultValue,\n      onValueChange,\n      orientation = \"horizontal\",\n      value,\n      ...props\n    },\n    ref,\n  ) {\n    const [uncontrolledValue, setUncontrolledValue] = useState<string | null>(defaultValue ?? null);\n    const rootElementRef = useRef<HTMLElement | null>(null);\n    // Keep the Base UI primitive controlled by the wrapper state even when the\n    // consumer uses the uncontrolled API. This keeps the viewport and the\n    // primitive in sync when Base UI dismisses a menu (pointer leave, outside\n    // press, Escape or pressing the trigger again).\n    const resolvedValue = value === undefined ? uncontrolledValue : value;\n    const styles = navigationMenu({ orientation });\n    const close = useCallback(() => {\n      if (value === undefined) setUncontrolledValue(null);\n      else onValueChange?.(null);\n    }, [onValueChange, value]);\n\n    useEffect(() => {\n      if (resolvedValue === null) return;\n      const handleOutsidePress = (event: MouseEvent) => {\n        const target = event.target;\n        if (!(target instanceof Element)) return;\n        if (rootElementRef.current?.contains(target)) return;\n        if (\n          target.closest(\n            '[data-slot=\"navigation-menu-content\"], [data-slot=\"navigation-menu-positioner\"], [data-slot=\"navigation-menu-popup\"], [data-slot=\"navigation-menu-viewport\"]',\n          )\n        ) {\n          return;\n        }\n        close();\n      };\n      document.addEventListener(\"click\", handleOutsidePress);\n      return () => document.removeEventListener(\"click\", handleOutsidePress);\n    }, [close, resolvedValue]);\n\n    const setRootRef = (element: HTMLElement | null) => {\n      rootElementRef.current = element;\n      if (typeof ref === \"function\") ref(element);\n      else if (ref) ref.current = element;\n    };\n\n    return (\n      <NavigationMenuContext.Provider value={{ close, orientation, styles, value: resolvedValue }}>\n        <BaseNavigationMenu.Root\n          {...props}\n          onValueChange={(next) => {\n            if (value === undefined) setUncontrolledValue(next);\n            onValueChange?.(next);\n          }}\n          orientation={orientation}\n          ref={setRootRef}\n          value={resolvedValue}\n          className={withRecipeClassName(styles.root, className)}\n          data-jaci-component=\"navigation-menu\"\n          data-orientation={orientation}\n          data-slot=\"navigation-menu\"\n        >\n          {children}\n        </BaseNavigationMenu.Root>\n      </NavigationMenuContext.Provider>\n    );\n  },\n);\n\nexport type NavigationMenuListProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.List>;\nexport const NavigationMenuList = forwardRef<HTMLUListElement, NavigationMenuListProps>(\n  function NavigationMenuList({ className, ...props }, ref) {\n    const { styles, orientation } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.List\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.list, className)}\n        data-orientation={orientation}\n        data-slot=\"navigation-menu-list\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuItemProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Item>;\nexport const NavigationMenuItem = forwardRef<HTMLLIElement, NavigationMenuItemProps>(\n  function NavigationMenuItem({ children, className, value, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    const generatedValue = useId();\n    const itemValue = value ?? generatedValue;\n    return (\n      <NavigationMenuItemContext.Provider value={{ value: itemValue }}>\n        <BaseNavigationMenu.Item\n          {...props}\n          ref={ref}\n          value={itemValue}\n          className={withRecipeClassName(styles.item, className)}\n          data-slot=\"navigation-menu-item\"\n        >\n          {children}\n        </BaseNavigationMenu.Item>\n      </NavigationMenuItemContext.Provider>\n    );\n  },\n);\n\nexport type NavigationMenuTriggerProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Trigger\n>;\nexport const NavigationMenuTrigger = forwardRef<HTMLButtonElement, NavigationMenuTriggerProps>(\n  function NavigationMenuTrigger({ className, onClick, ...props }, ref) {\n    const { close, styles, value } = useNavigationMenuContext();\n    const item = useContext(NavigationMenuItemContext);\n    return (\n      <BaseNavigationMenu.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-slot=\"navigation-menu-trigger\"\n        onClick={(event) => {\n          // Base UI intentionally keeps a hover-opened menu open for a brief\n          // patient-click window. For a component library trigger, a second\n          // click should always be an explicit close action.\n          if (item?.value !== undefined && value === item.value) {\n            event.preventDefault();\n            close();\n          }\n          onClick?.(event);\n        }}\n      />\n    );\n  },\n);\n\nexport type NavigationMenuContentProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Content\n>;\nexport const NavigationMenuContent = forwardRef<HTMLDivElement, NavigationMenuContentProps>(\n  function NavigationMenuContent({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Content\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.content, className)}\n        data-slot=\"navigation-menu-content\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuLinkProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Link>;\nexport const NavigationMenuLink = forwardRef<HTMLAnchorElement, NavigationMenuLinkProps>(\n  function NavigationMenuLink({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Link\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.link, className)}\n        data-slot=\"navigation-menu-link\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuIconProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Icon>;\nexport const NavigationMenuIcon = forwardRef<HTMLSpanElement, NavigationMenuIconProps>(\n  function NavigationMenuIcon({ children = \"⌄\", className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Icon\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.icon, className)}\n        data-slot=\"navigation-menu-icon\"\n      >\n        {children}\n      </BaseNavigationMenu.Icon>\n    );\n  },\n);\n\nexport function NavigationMenuPortal(\n  props: ComponentPropsWithoutRef<typeof BaseNavigationMenu.Portal>,\n) {\n  return <BaseNavigationMenu.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type NavigationMenuPositionerProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Positioner\n>;\nexport const NavigationMenuPositioner = forwardRef<HTMLDivElement, NavigationMenuPositionerProps>(\n  function NavigationMenuPositioner({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.positioner, className)}\n        data-slot=\"navigation-menu-positioner\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuViewportProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Viewport\n>;\nexport const NavigationMenuViewport = forwardRef<HTMLDivElement, NavigationMenuViewportProps>(\n  function NavigationMenuViewport({ className, ...props }, ref) {\n    const { styles, value } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.viewport, className)}\n        data-open={value !== null ? \"true\" : \"false\"}\n        data-slot=\"navigation-menu-viewport\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuPopupProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Popup>;\nexport const NavigationMenuPopup = forwardRef<HTMLElement, NavigationMenuPopupProps>(\n  function NavigationMenuPopup({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Popup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.popup, className)}\n        data-slot=\"navigation-menu-popup\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuBackdropProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Backdrop\n>;\nexport const NavigationMenuBackdrop = forwardRef<HTMLDivElement, NavigationMenuBackdropProps>(\n  function NavigationMenuBackdrop({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Backdrop\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.backdrop, className)}\n        data-slot=\"navigation-menu-backdrop\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuArrowProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Arrow>;\nexport const NavigationMenuArrow = forwardRef<HTMLDivElement, NavigationMenuArrowProps>(\n  function NavigationMenuArrow({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Arrow\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.arrow, className)}\n        data-slot=\"navigation-menu-arrow\"\n      />\n    );\n  },\n);\n\nexport const NavigationMenu = {\n  Root: NavigationMenuRoot,\n  List: NavigationMenuList,\n  Item: NavigationMenuItem,\n  Trigger: NavigationMenuTrigger,\n  Content: NavigationMenuContent,\n  Link: NavigationMenuLink,\n  Icon: NavigationMenuIcon,\n  Portal: NavigationMenuPortal,\n  Positioner: NavigationMenuPositioner,\n  Viewport: NavigationMenuViewport,\n  Popup: NavigationMenuPopup,\n  Backdrop: NavigationMenuBackdrop,\n  Arrow: NavigationMenuArrow,\n};\n"],"mappings":"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"}

package/dist/components/navigation-menu/navigation-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.js","names":["NavigationMenuRoot","BaseNavigationMenu","NavigationMenu"],"sources":["../../../src/components/navigation-menu/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport { NavigationMenu as BaseNavigationMenu } from \"@base-ui/react/navigation-menu\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { NavigationMenuRoot as BaseNavigationMenuRoot } from \"@base-ui/react/navigation-menu\";\n\nimport { navigationMenu } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport type NavigationMenuOrientation = \"horizontal\" | \"vertical\";\n\ninterface NavigationMenuContextValue {\n  close: () => void;\n  orientation: NavigationMenuOrientation;\n  styles: ReturnType<typeof navigationMenu>;\n  value: string | null;\n}\n\nconst NavigationMenuContext = createContext<NavigationMenuContextValue | null>(null);\nconst NavigationMenuItemContext = createContext<{ value?: string } | null>(null);\n\nfunction useNavigationMenuContext() {\n  const context = useContext(NavigationMenuContext);\n  if (!context) {\n    throw new Error(\"NavigationMenu parts must be rendered inside NavigationMenu.Root.\");\n  }\n\n  return context;\n}\n\nexport interface NavigationMenuRootProps\n  extends Omit<\n    BaseNavigationMenuRoot.Props<string>,\n    \"children\" | \"className\" | \"onValueChange\" | \"value\" | \"defaultValue\"\n  > {\n  value?: string | null;\n  defaultValue?: string | null;\n  onValueChange?: (value: string | null) => void;\n  orientation?: NavigationMenuOrientation;\n  children?: ReactNode;\n  className?: string;\n}\n\nexport const NavigationMenuRoot = forwardRef<HTMLElement, NavigationMenuRootProps>(\n  function NavigationMenuRoot(\n    {\n      children,\n      className,\n      defaultValue,\n      onValueChange,\n      orientation = \"horizontal\",\n      value,\n      ...props\n    },\n    ref,\n  ) {\n    const [uncontrolledValue, setUncontrolledValue] = useState<string | null>(defaultValue ?? null);\n    const rootElementRef = useRef<HTMLElement | null>(null);\n    // Keep the Base UI primitive controlled by the wrapper state even when the\n    // consumer uses the uncontrolled API. This keeps the viewport and the\n    // primitive in sync when Base UI dismisses a menu (pointer leave, outside\n    // press, Escape or pressing the trigger again).\n    const resolvedValue = value === undefined ? uncontrolledValue : value;\n    const styles = navigationMenu({ orientation });\n    const close = useCallback(() => {\n      if (value === undefined) setUncontrolledValue(null);\n      else onValueChange?.(null);\n    }, [onValueChange, value]);\n\n    useEffect(() => {\n      if (resolvedValue === null) return;\n      const handleOutsidePress = (event: MouseEvent) => {\n        const target = event.target;\n        if (!(target instanceof Element)) return;\n        if (rootElementRef.current?.contains(target)) return;\n        if (\n          target.closest(\n            '[data-slot=\"navigation-menu-content\"], [data-slot=\"navigation-menu-positioner\"], [data-slot=\"navigation-menu-popup\"], [data-slot=\"navigation-menu-viewport\"]',\n          )\n        ) {\n          return;\n        }\n        close();\n      };\n      document.addEventListener(\"click\", handleOutsidePress);\n      return () => document.removeEventListener(\"click\", handleOutsidePress);\n    }, [close, resolvedValue]);\n\n    const setRootRef = (element: HTMLElement | null) => {\n      rootElementRef.current = element;\n      if (typeof ref === \"function\") ref(element);\n      else if (ref) ref.current = element;\n    };\n\n    return (\n      <NavigationMenuContext.Provider value={{ close, orientation, styles, value: resolvedValue }}>\n        <BaseNavigationMenu.Root\n          {...props}\n          onValueChange={(next) => {\n            if (value === undefined) setUncontrolledValue(next);\n            onValueChange?.(next);\n          }}\n          orientation={orientation}\n          ref={setRootRef}\n          value={resolvedValue}\n          className={withRecipeClassName(styles.root, className)}\n          data-jaci-component=\"navigation-menu\"\n          data-orientation={orientation}\n          data-slot=\"navigation-menu\"\n        >\n          {children}\n        </BaseNavigationMenu.Root>\n      </NavigationMenuContext.Provider>\n    );\n  },\n);\n\nexport type NavigationMenuListProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.List>;\nexport const NavigationMenuList = forwardRef<HTMLUListElement, NavigationMenuListProps>(\n  function NavigationMenuList({ className, ...props }, ref) {\n    const { styles, orientation } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.List\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.list, className)}\n        data-orientation={orientation}\n        data-slot=\"navigation-menu-list\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuItemProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Item>;\nexport const NavigationMenuItem = forwardRef<HTMLLIElement, NavigationMenuItemProps>(\n  function NavigationMenuItem({ children, className, value, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    const generatedValue = useId();\n    const itemValue = value ?? generatedValue;\n    return (\n      <NavigationMenuItemContext.Provider value={{ value: itemValue }}>\n        <BaseNavigationMenu.Item\n          {...props}\n          ref={ref}\n          value={itemValue}\n          className={withRecipeClassName(styles.item, className)}\n          data-slot=\"navigation-menu-item\"\n        >\n          {children}\n        </BaseNavigationMenu.Item>\n      </NavigationMenuItemContext.Provider>\n    );\n  },\n);\n\nexport type NavigationMenuTriggerProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Trigger\n>;\nexport const NavigationMenuTrigger = forwardRef<HTMLButtonElement, NavigationMenuTriggerProps>(\n  function NavigationMenuTrigger({ className, onClick, ...props }, ref) {\n    const { close, styles, value } = useNavigationMenuContext();\n    const item = useContext(NavigationMenuItemContext);\n    return (\n      <BaseNavigationMenu.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-slot=\"navigation-menu-trigger\"\n        onClick={(event) => {\n          // Base UI intentionally keeps a hover-opened menu open for a brief\n          // patient-click window. For a component library trigger, a second\n          // click should always be an explicit close action.\n          if (item?.value !== undefined && value === item.value) {\n            event.preventDefault();\n            close();\n          }\n          onClick?.(event);\n        }}\n      />\n    );\n  },\n);\n\nexport type NavigationMenuContentProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Content\n>;\nexport const NavigationMenuContent = forwardRef<HTMLDivElement, NavigationMenuContentProps>(\n  function NavigationMenuContent({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Content\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.content, className)}\n        data-slot=\"navigation-menu-content\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuLinkProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Link>;\nexport const NavigationMenuLink = forwardRef<HTMLAnchorElement, NavigationMenuLinkProps>(\n  function NavigationMenuLink({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Link\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.link, className)}\n        data-slot=\"navigation-menu-link\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuIconProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Icon>;\nexport const NavigationMenuIcon = forwardRef<HTMLSpanElement, NavigationMenuIconProps>(\n  function NavigationMenuIcon({ children = \"⌄\", className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Icon\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.icon, className)}\n        data-slot=\"navigation-menu-icon\"\n      >\n        {children}\n      </BaseNavigationMenu.Icon>\n    );\n  },\n);\n\nexport function NavigationMenuPortal(\n  props: ComponentPropsWithoutRef<typeof BaseNavigationMenu.Portal>,\n) {\n  return <BaseNavigationMenu.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type NavigationMenuPositionerProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Positioner\n>;\nexport const NavigationMenuPositioner = forwardRef<HTMLDivElement, NavigationMenuPositionerProps>(\n  function NavigationMenuPositioner({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.positioner, className)}\n        data-slot=\"navigation-menu-positioner\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuViewportProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Viewport\n>;\nexport const NavigationMenuViewport = forwardRef<HTMLDivElement, NavigationMenuViewportProps>(\n  function NavigationMenuViewport({ className, ...props }, ref) {\n    const { styles, value } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.viewport, className)}\n        data-open={value !== null ? \"true\" : \"false\"}\n        data-slot=\"navigation-menu-viewport\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuPopupProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Popup>;\nexport const NavigationMenuPopup = forwardRef<HTMLElement, NavigationMenuPopupProps>(\n  function NavigationMenuPopup({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Popup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.popup, className)}\n        data-slot=\"navigation-menu-popup\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuBackdropProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Backdrop\n>;\nexport const NavigationMenuBackdrop = forwardRef<HTMLDivElement, NavigationMenuBackdropProps>(\n  function NavigationMenuBackdrop({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Backdrop\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.backdrop, className)}\n        data-slot=\"navigation-menu-backdrop\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuArrowProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Arrow>;\nexport const NavigationMenuArrow = forwardRef<HTMLDivElement, NavigationMenuArrowProps>(\n  function NavigationMenuArrow({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Arrow\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.arrow, className)}\n        data-slot=\"navigation-menu-arrow\"\n      />\n    );\n  },\n);\n\nexport const NavigationMenu = {\n  Root: NavigationMenuRoot,\n  List: NavigationMenuList,\n  Item: NavigationMenuItem,\n  Trigger: NavigationMenuTrigger,\n  Content: NavigationMenuContent,\n  Link: NavigationMenuLink,\n  Icon: NavigationMenuIcon,\n  Portal: NavigationMenuPortal,\n  Positioner: NavigationMenuPositioner,\n  Viewport: NavigationMenuViewport,\n  Popup: NavigationMenuPopup,\n  Backdrop: NavigationMenuBackdrop,\n  Arrow: NavigationMenuArrow,\n};\n"],"mappings":"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"}
+{"version":3,"file":"navigation-menu.js","names":["NavigationMenuRoot","BaseNavigationMenu","NavigationMenu"],"sources":["../../../src/components/navigation-menu/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport { NavigationMenu as BaseNavigationMenu } from \"@base-ui/react/navigation-menu\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { NavigationMenuRoot as BaseNavigationMenuRoot } from \"@base-ui/react/navigation-menu\";\n\nimport { navigationMenu } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\nexport type NavigationMenuOrientation = \"horizontal\" | \"vertical\";\n\ninterface NavigationMenuContextValue {\n  close: () => void;\n  orientation: NavigationMenuOrientation;\n  styles: ReturnType<typeof navigationMenu>;\n  value: string | null;\n}\n\nconst NavigationMenuContext = createContext<NavigationMenuContextValue | null>(null);\nconst NavigationMenuItemContext = createContext<{ value?: string } | null>(null);\n\nfunction useNavigationMenuContext() {\n  const context = useContext(NavigationMenuContext);\n  if (!context) {\n    throw new Error(\"NavigationMenu parts must be rendered inside NavigationMenu.Root.\");\n  }\n\n  return context;\n}\n\nexport interface NavigationMenuRootProps\n  extends Omit<\n    BaseNavigationMenuRoot.Props<string>,\n    \"children\" | \"className\" | \"onValueChange\" | \"value\" | \"defaultValue\"\n  > {\n  value?: string | null;\n  defaultValue?: string | null;\n  onValueChange?: (value: string | null) => void;\n  orientation?: NavigationMenuOrientation;\n  children?: ReactNode;\n  className?: string;\n}\n\nexport const NavigationMenuRoot = forwardRef<HTMLElement, NavigationMenuRootProps>(\n  function NavigationMenuRoot(\n    {\n      children,\n      className,\n      defaultValue,\n      onValueChange,\n      orientation = \"horizontal\",\n      value,\n      ...props\n    },\n    ref,\n  ) {\n    const [uncontrolledValue, setUncontrolledValue] = useState<string | null>(defaultValue ?? null);\n    const rootElementRef = useRef<HTMLElement | null>(null);\n    // Keep the Base UI primitive controlled by the wrapper state even when the\n    // consumer uses the uncontrolled API. This keeps the viewport and the\n    // primitive in sync when Base UI dismisses a menu (pointer leave, outside\n    // press, Escape or pressing the trigger again).\n    const resolvedValue = value === undefined ? uncontrolledValue : value;\n    const styles = navigationMenu({ orientation });\n    const close = useCallback(() => {\n      if (value === undefined) setUncontrolledValue(null);\n      else onValueChange?.(null);\n    }, [onValueChange, value]);\n\n    useEffect(() => {\n      if (resolvedValue === null) return;\n      const handleOutsidePress = (event: MouseEvent) => {\n        const target = event.target;\n        if (!(target instanceof Element)) return;\n        if (rootElementRef.current?.contains(target)) return;\n        if (\n          target.closest(\n            '[data-slot=\"navigation-menu-content\"], [data-slot=\"navigation-menu-positioner\"], [data-slot=\"navigation-menu-popup\"], [data-slot=\"navigation-menu-viewport\"]',\n          )\n        ) {\n          return;\n        }\n        close();\n      };\n      document.addEventListener(\"click\", handleOutsidePress);\n      return () => document.removeEventListener(\"click\", handleOutsidePress);\n    }, [close, resolvedValue]);\n\n    const setRootRef = (element: HTMLElement | null) => {\n      rootElementRef.current = element;\n      if (typeof ref === \"function\") ref(element);\n      else if (ref) ref.current = element;\n    };\n\n    return (\n      <NavigationMenuContext.Provider value={{ close, orientation, styles, value: resolvedValue }}>\n        <BaseNavigationMenu.Root\n          {...props}\n          onValueChange={(next) => {\n            if (value === undefined) setUncontrolledValue(next);\n            onValueChange?.(next);\n          }}\n          orientation={orientation}\n          ref={setRootRef}\n          value={resolvedValue}\n          className={withRecipeClassName(styles.root, className)}\n          data-jaci-component=\"navigation-menu\"\n          data-orientation={orientation}\n          data-slot=\"navigation-menu\"\n        >\n          {children}\n        </BaseNavigationMenu.Root>\n      </NavigationMenuContext.Provider>\n    );\n  },\n);\n\nexport type NavigationMenuListProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.List>;\nexport const NavigationMenuList = forwardRef<HTMLUListElement, NavigationMenuListProps>(\n  function NavigationMenuList({ className, ...props }, ref) {\n    const { styles, orientation } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.List\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.list, className)}\n        data-orientation={orientation}\n        data-slot=\"navigation-menu-list\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuItemProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Item>;\nexport const NavigationMenuItem = forwardRef<HTMLLIElement, NavigationMenuItemProps>(\n  function NavigationMenuItem({ children, className, value, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    const generatedValue = useId();\n    const itemValue = value ?? generatedValue;\n    return (\n      <NavigationMenuItemContext.Provider value={{ value: itemValue }}>\n        <BaseNavigationMenu.Item\n          {...props}\n          ref={ref}\n          value={itemValue}\n          className={withRecipeClassName(styles.item, className)}\n          data-slot=\"navigation-menu-item\"\n        >\n          {children}\n        </BaseNavigationMenu.Item>\n      </NavigationMenuItemContext.Provider>\n    );\n  },\n);\n\nexport type NavigationMenuTriggerProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Trigger\n>;\nexport const NavigationMenuTrigger = forwardRef<HTMLButtonElement, NavigationMenuTriggerProps>(\n  function NavigationMenuTrigger({ className, onClick, ...props }, ref) {\n    const { close, styles, value } = useNavigationMenuContext();\n    const item = useContext(NavigationMenuItemContext);\n    return (\n      <BaseNavigationMenu.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-slot=\"navigation-menu-trigger\"\n        onClick={(event) => {\n          // Base UI intentionally keeps a hover-opened menu open for a brief\n          // patient-click window. For a component library trigger, a second\n          // click should always be an explicit close action.\n          if (item?.value !== undefined && value === item.value) {\n            event.preventDefault();\n            close();\n          }\n          onClick?.(event);\n        }}\n      />\n    );\n  },\n);\n\nexport type NavigationMenuContentProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Content\n>;\nexport const NavigationMenuContent = forwardRef<HTMLDivElement, NavigationMenuContentProps>(\n  function NavigationMenuContent({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Content\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.content, className)}\n        data-slot=\"navigation-menu-content\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuLinkProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Link>;\nexport const NavigationMenuLink = forwardRef<HTMLAnchorElement, NavigationMenuLinkProps>(\n  function NavigationMenuLink({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Link\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.link, className)}\n        data-slot=\"navigation-menu-link\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuIconProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Icon>;\nexport const NavigationMenuIcon = forwardRef<HTMLSpanElement, NavigationMenuIconProps>(\n  function NavigationMenuIcon({ children = \"⌄\", className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Icon\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.icon, className)}\n        data-slot=\"navigation-menu-icon\"\n      >\n        {children}\n      </BaseNavigationMenu.Icon>\n    );\n  },\n);\n\nexport function NavigationMenuPortal(\n  props: ComponentPropsWithoutRef<typeof BaseNavigationMenu.Portal>,\n) {\n  return <BaseNavigationMenu.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type NavigationMenuPositionerProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Positioner\n>;\nexport const NavigationMenuPositioner = forwardRef<HTMLDivElement, NavigationMenuPositionerProps>(\n  function NavigationMenuPositioner({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.positioner, className)}\n        data-slot=\"navigation-menu-positioner\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuViewportProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Viewport\n>;\nexport const NavigationMenuViewport = forwardRef<HTMLDivElement, NavigationMenuViewportProps>(\n  function NavigationMenuViewport({ className, ...props }, ref) {\n    const { styles, value } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.viewport, className)}\n        data-open={value !== null ? \"true\" : \"false\"}\n        data-slot=\"navigation-menu-viewport\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuPopupProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Popup>;\nexport const NavigationMenuPopup = forwardRef<HTMLElement, NavigationMenuPopupProps>(\n  function NavigationMenuPopup({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Popup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.popup, className)}\n        data-slot=\"navigation-menu-popup\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuBackdropProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Backdrop\n>;\nexport const NavigationMenuBackdrop = forwardRef<HTMLDivElement, NavigationMenuBackdropProps>(\n  function NavigationMenuBackdrop({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Backdrop\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.backdrop, className)}\n        data-slot=\"navigation-menu-backdrop\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuArrowProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Arrow>;\nexport const NavigationMenuArrow = forwardRef<HTMLDivElement, NavigationMenuArrowProps>(\n  function NavigationMenuArrow({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Arrow\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.arrow, className)}\n        data-slot=\"navigation-menu-arrow\"\n      />\n    );\n  },\n);\n\nexport const NavigationMenu = {\n  Root: NavigationMenuRoot,\n  List: NavigationMenuList,\n  Item: NavigationMenuItem,\n  Trigger: NavigationMenuTrigger,\n  Content: NavigationMenuContent,\n  Link: NavigationMenuLink,\n  Icon: NavigationMenuIcon,\n  Portal: NavigationMenuPortal,\n  Positioner: NavigationMenuPositioner,\n  Viewport: NavigationMenuViewport,\n  Popup: NavigationMenuPopup,\n  Backdrop: NavigationMenuBackdrop,\n  Arrow: NavigationMenuArrow,\n};\n"],"mappings":";;;;;;;;AA6BA,MAAM,wBAAwB,cAAiD,IAAI;AACnF,MAAM,4BAA4B,cAAyC,IAAI;AAE/E,SAAS,2BAA2B;CAClC,MAAM,UAAU,WAAW,qBAAqB;CAChD,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,mEAAmE;CAGrF,OAAO;AACT;AAeA,MAAaA,uBAAqB,WAChC,SAAS,mBACP,EACE,UACA,WACA,cACA,eACA,cAAc,cACd,OACA,GAAG,SAEL,KACA;CACA,MAAM,CAAC,mBAAmB,wBAAwB,SAAwB,gBAAgB,IAAI;CAC9F,MAAM,iBAAiB,OAA2B,IAAI;CAKtD,MAAM,gBAAgB,UAAU,KAAA,IAAY,oBAAoB;CAChE,MAAM,SAAS,eAAe,EAAE,YAAY,CAAC;CAC7C,MAAM,QAAQ,kBAAkB;EAC9B,IAAI,UAAU,KAAA,GAAW,qBAAqB,IAAI;OAC7C,gBAAgB,IAAI;CAC3B,GAAG,CAAC,eAAe,KAAK,CAAC;CAEzB,gBAAgB;EACd,IAAI,kBAAkB,MAAM;EAC5B,MAAM,sBAAsB,UAAsB;GAChD,MAAM,SAAS,MAAM;GACrB,IAAI,EAAE,kBAAkB,UAAU;GAClC,IAAI,eAAe,SAAS,SAAS,MAAM,GAAG;GAC9C,IACE,OAAO,QACL,sKACF,GAEA;GAEF,MAAM;EACR;EACA,SAAS,iBAAiB,SAAS,kBAAkB;EACrD,aAAa,SAAS,oBAAoB,SAAS,kBAAkB;CACvE,GAAG,CAAC,OAAO,aAAa,CAAC;CAEzB,MAAM,cAAc,YAAgC;EAClD,eAAe,UAAU;EACzB,IAAI,OAAO,QAAQ,YAAY,IAAI,OAAO;OACrC,IAAI,KAAK,IAAI,UAAU;CAC9B;CAEA,OACE,oBAAC,sBAAsB,UAAvB;EAAgC,OAAO;GAAE;GAAO;GAAa;GAAQ,OAAO;EAAc;EACxF,UAAA,oBAACC,eAAmB,MAApB;GACE,GAAI;GACJ,gBAAgB,SAAS;IACvB,IAAI,UAAU,KAAA,GAAW,qBAAqB,IAAI;IAClD,gBAAgB,IAAI;GACtB;GACa;GACb,KAAK;GACL,OAAO;GACP,WAAW,oBAAoB,OAAO,MAAM,SAAS;GACrD,uBAAoB;GACpB,oBAAkB;GAClB,aAAU;GAET;EACsB,CAAA;CACK,CAAA;AAEpC,CACF;AAGA,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;CACxD,MAAM,EAAE,QAAQ,gBAAgB,yBAAyB;CACzD,OACE,oBAACA,eAAmB,MAApB;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,OAAO,MAAM,SAAS;EACrD,oBAAkB;EAClB,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,UAAU,WAAW,OAAO,GAAG,SAAS,KAAK;CACzE,MAAM,EAAE,WAAW,yBAAyB;CAC5C,MAAM,iBAAiB,MAAM;CAC7B,MAAM,YAAY,SAAS;CAC3B,OACE,oBAAC,0BAA0B,UAA3B;EAAoC,OAAO,EAAE,OAAO,UAAU;EAC5D,UAAA,oBAACA,eAAmB,MAApB;GACE,GAAI;GACC;GACL,OAAO;GACP,WAAW,oBAAoB,OAAO,MAAM,SAAS;GACrD,aAAU;GAET;EACsB,CAAA;CACS,CAAA;AAExC,CACF;AAKA,MAAa,wBAAwB,WACnC,SAAS,sBAAsB,EAAE,WAAW,SAAS,GAAG,SAAS,KAAK;CACpE,MAAM,EAAE,OAAO,QAAQ,UAAU,yBAAyB;CAC1D,MAAM,OAAO,WAAW,yBAAyB;CACjD,OACE,oBAACA,eAAmB,SAApB;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,OAAO,SAAS,SAAS;EACxD,aAAU;EACV,UAAU,UAAU;GAIlB,IAAI,MAAM,UAAU,KAAA,KAAa,UAAU,KAAK,OAAO;IACrD,MAAM,eAAe;IACrB,MAAM;GACR;GACA,UAAU,KAAK;EACjB;CACD,CAAA;AAEL,CACF;AAKA,MAAa,wBAAwB,WACnC,SAAS,sBAAsB,EAAE,WAAW,GAAG,SAAS,KAAK;CAC3D,MAAM,EAAE,WAAW,yBAAyB;CAC5C,OACE,oBAACA,eAAmB,SAApB;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,OAAO,SAAS,SAAS;EACxD,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;CACxD,MAAM,EAAE,WAAW,yBAAyB;CAC5C,OACE,oBAACA,eAAmB,MAApB;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,OAAO,MAAM,SAAS;EACrD,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,WAAW,KAAK,WAAW,GAAG,SAAS,KAAK;CACxE,MAAM,EAAE,WAAW,yBAAyB;CAC5C,OACE,oBAACA,eAAmB,MAApB;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,OAAO,MAAM,SAAS;EACrD,aAAU;EAET;CACsB,CAAA;AAE7B,CACF;AAEA,SAAgB,qBACd,OACA;CACA,OAAO,oBAACA,eAAmB,QAApB,EAA2B,GAAI,oBAAoB,KAAK,EAAI,CAAA;AACrE;AAKA,MAAa,2BAA2B,WACtC,SAAS,yBAAyB,EAAE,WAAW,GAAG,SAAS,KAAK;CAC9D,MAAM,EAAE,WAAW,yBAAyB;CAC5C,OACE,oBAACA,eAAmB,YAApB;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,OAAO,YAAY,SAAS;EAC3D,aAAU;CACX,CAAA;AAEL,CACF;AAKA,MAAa,yBAAyB,WACpC,SAAS,uBAAuB,EAAE,WAAW,GAAG,SAAS,KAAK;CAC5D,MAAM,EAAE,QAAQ,UAAU,yBAAyB;CACnD,OACE,oBAACA,eAAmB,UAApB;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,OAAO,UAAU,SAAS;EACzD,aAAW,UAAU,OAAO,SAAS;EACrC,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,sBAAsB,WACjC,SAAS,oBAAoB,EAAE,WAAW,GAAG,SAAS,KAAK;CACzD,MAAM,EAAE,WAAW,yBAAyB;CAC5C,OACE,oBAACA,eAAmB,OAApB;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,OAAO,OAAO,SAAS;EACtD,aAAU;CACX,CAAA;AAEL,CACF;AAKA,MAAa,yBAAyB,WACpC,SAAS,uBAAuB,EAAE,WAAW,GAAG,SAAS,KAAK;CAC5D,MAAM,EAAE,WAAW,yBAAyB;CAC5C,OACE,oBAACA,eAAmB,UAApB;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,OAAO,UAAU,SAAS;EACzD,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,sBAAsB,WACjC,SAAS,oBAAoB,EAAE,WAAW,GAAG,SAAS,KAAK;CACzD,MAAM,EAAE,WAAW,yBAAyB;CAC5C,OACE,oBAACA,eAAmB,OAApB;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,OAAO,OAAO,SAAS;EACtD,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAaC,mBAAiB;CAC5B,MAAMF;CACN,MAAM;CACN,MAAM;CACN,SAAS;CACT,SAAS;CACT,MAAM;CACN,MAAM;CACN,QAAQ;CACR,YAAY;CACZ,UAAU;CACV,OAAO;CACP,UAAU;CACV,OAAO;AACT"}

package/dist/components/number-field/number-field.cjs

@@ -18,8 +18,9 @@ function useNumberFieldStyles() {
 * `defaultValue` APIs while preserving native form submission.
 */
 function NumberFieldRoot({ children, className, disabled, errors, invalid, name, size = "md", ...props }) {
+	const styles = require_number_field.numberField({ size });
 	const fieldProps = {
-		className: require_cx.cx(require_number_field.numberField({ size }).root, className),
+		className: require_cx.cx(styles.root, className),
 		...disabled === void 0 ? {} : { disabled },
 		...errors === void 0 ? {} : { errors },
 		...invalid === void 0 ? {} : { invalid },

package/dist/components/number-field/number-field.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"number-field.cjs","names":["numberField","cx","Field","BaseNumberField","BaseField","withRecipeClassName"],"sources":["../../../src/components/number-field/number-field.tsx"],"sourcesContent":["\"use client\";\n\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { NumberFieldRoot as BaseNumberFieldRoot } from \"@base-ui/react/number-field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { numberField } from \"../../styled-system/recipes\";\nimport { Field } from \"../field\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type NumberFieldSize = \"sm\" | \"md\" | \"lg\";\n\nconst NumberFieldSizeContext = createContext<NumberFieldSize>(\"md\");\n\nfunction useNumberFieldStyles() {\n  return numberField({ size: useContext(NumberFieldSizeContext) });\n}\n\nexport interface NumberFieldRootProps\n  extends Omit<BaseNumberFieldRoot.Props, \"children\" | \"className\"> {\n  /** Shared visual size for the input and stepper buttons. */\n  size?: NumberFieldSize;\n  /** Marks the field invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * A locale-aware numeric field with keyboard, wheel and button stepping.\n * It supports the controlled `value`/`onValueChange` and uncontrolled\n * `defaultValue` APIs while preserving native form submission.\n */\nexport function NumberFieldRoot({\n  children,\n  className,\n  disabled,\n  errors,\n  invalid,\n  name,\n  size = \"md\",\n  ...props\n}: NumberFieldRootProps) {\n  const styles = numberField({ size });\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(disabled === undefined ? {} : { disabled }),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <NumberFieldSizeContext.Provider value={size}>\n      <Field {...fieldProps}>\n        <BaseNumberField.Root\n          {...props}\n          {...(disabled === undefined ? {} : { disabled })}\n          {...(name === undefined ? {} : { name })}\n          data-jaci-component=\"number-field\"\n          data-slot=\"number-field\"\n        >\n          {children}\n        </BaseNumberField.Root>\n      </Field>\n    </NumberFieldSizeContext.Provider>\n  );\n}\n\nexport type NumberFieldLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const NumberFieldLabel = forwardRef<HTMLElement, NumberFieldLabelProps>(\n  function NumberFieldLabel({ className, ...props }, ref) {\n    return (\n      <BaseField.Label\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useNumberFieldStyles().label, className)}\n        data-slot=\"number-field-label\"\n      />\n    );\n  },\n);\n\nexport type NumberFieldGroupProps = ComponentPropsWithoutRef<typeof BaseNumberField.Group>;\n\nexport const NumberFieldGroup = forwardRef<HTMLDivElement, NumberFieldGroupProps>(\n  function NumberFieldGroup({ className, ...props }, ref) {\n    return (\n      <BaseNumberField.Group\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useNumberFieldStyles().group, className)}\n        data-slot=\"number-field-group\"\n      />\n    );\n  },\n);\n\nexport type NumberFieldInputProps = ComponentPropsWithoutRef<typeof BaseNumberField.Input>;\n\nexport const NumberFieldInput = forwardRef<HTMLInputElement, NumberFieldInputProps>(\n  function NumberFieldInput({ className, ...props }, ref) {\n    return (\n      <BaseNumberField.Input\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useNumberFieldStyles().input, className)}\n        data-slot=\"number-field-input\"\n      />\n    );\n  },\n);\n\nexport type NumberFieldIncrementProps = ComponentPropsWithoutRef<typeof BaseNumberField.Increment>;\n\nexport const NumberFieldIncrement = forwardRef<HTMLButtonElement, NumberFieldIncrementProps>(\n  function NumberFieldIncrement(\n    { \"aria-label\": ariaLabel, children = \"+\", className, ...props },\n    ref,\n  ) {\n    return (\n      <BaseNumberField.Increment\n        {...props}\n        ref={ref}\n        aria-label={ariaLabel ?? \"Increase value\"}\n        className={withRecipeClassName(useNumberFieldStyles().increment, className)}\n        data-slot=\"number-field-increment\"\n      >\n        {children}\n      </BaseNumberField.Increment>\n    );\n  },\n);\n\nexport type NumberFieldDecrementProps = ComponentPropsWithoutRef<typeof BaseNumberField.Decrement>;\n\nexport const NumberFieldDecrement = forwardRef<HTMLButtonElement, NumberFieldDecrementProps>(\n  function NumberFieldDecrement(\n    { \"aria-label\": ariaLabel, children = \"−\", className, ...props },\n    ref,\n  ) {\n    return (\n      <BaseNumberField.Decrement\n        {...props}\n        ref={ref}\n        aria-label={ariaLabel ?? \"Decrease value\"}\n        className={withRecipeClassName(useNumberFieldStyles().decrement, className)}\n        data-slot=\"number-field-decrement\"\n      >\n        {children}\n      </BaseNumberField.Decrement>\n    );\n  },\n);\n\nexport type NumberFieldScrubAreaProps = ComponentPropsWithoutRef<typeof BaseNumberField.ScrubArea>;\n\nexport const NumberFieldScrubArea = forwardRef<HTMLSpanElement, NumberFieldScrubAreaProps>(\n  function NumberFieldScrubArea({ className, ...props }, ref) {\n    return (\n      <BaseNumberField.ScrubArea\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useNumberFieldStyles().scrubArea, className)}\n        data-slot=\"number-field-scrub-area\"\n      />\n    );\n  },\n);\n\nexport type NumberFieldScrubAreaCursorProps = ComponentPropsWithoutRef<\n  typeof BaseNumberField.ScrubAreaCursor\n>;\n\nexport const NumberFieldScrubAreaCursor = forwardRef<\n  HTMLSpanElement,\n  NumberFieldScrubAreaCursorProps\n>(function NumberFieldScrubAreaCursor({ className, ...props }, ref) {\n  return (\n    <BaseNumberField.ScrubAreaCursor\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useNumberFieldStyles().scrubAreaCursor, className)}\n      data-slot=\"number-field-scrub-area-cursor\"\n    />\n  );\n});\n\nexport const NumberField = {\n  Root: NumberFieldRoot,\n  Label: NumberFieldLabel,\n  Group: NumberFieldGroup,\n  Input: NumberFieldInput,\n  Increment: NumberFieldIncrement,\n  Decrement: NumberFieldDecrement,\n  ScrubArea: NumberFieldScrubArea,\n  ScrubAreaCursor: NumberFieldScrubAreaCursor,\n};\n"],"mappings":"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"}
+{"version":3,"file":"number-field.cjs","names":["createContext","numberField","useContext","cx","Field","BaseNumberField","forwardRef","BaseField","withRecipeClassName"],"sources":["../../../src/components/number-field/number-field.tsx"],"sourcesContent":["\"use client\";\n\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { NumberFieldRoot as BaseNumberFieldRoot } from \"@base-ui/react/number-field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { numberField } from \"../../styled-system/recipes\";\nimport { Field } from \"../field\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type NumberFieldSize = \"sm\" | \"md\" | \"lg\";\n\nconst NumberFieldSizeContext = createContext<NumberFieldSize>(\"md\");\n\nfunction useNumberFieldStyles() {\n  return numberField({ size: useContext(NumberFieldSizeContext) });\n}\n\nexport interface NumberFieldRootProps\n  extends Omit<BaseNumberFieldRoot.Props, \"children\" | \"className\"> {\n  /** Shared visual size for the input and stepper buttons. */\n  size?: NumberFieldSize;\n  /** Marks the field invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * A locale-aware numeric field with keyboard, wheel and button stepping.\n * It supports the controlled `value`/`onValueChange` and uncontrolled\n * `defaultValue` APIs while preserving native form submission.\n */\nexport function NumberFieldRoot({\n  children,\n  className,\n  disabled,\n  errors,\n  invalid,\n  name,\n  size = \"md\",\n  ...props\n}: NumberFieldRootProps) {\n  const styles = numberField({ size });\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(disabled === undefined ? {} : { disabled }),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <NumberFieldSizeContext.Provider value={size}>\n      <Field {...fieldProps}>\n        <BaseNumberField.Root\n          {...props}\n          {...(disabled === undefined ? {} : { disabled })}\n          {...(name === undefined ? {} : { name })}\n          data-jaci-component=\"number-field\"\n          data-slot=\"number-field\"\n        >\n          {children}\n        </BaseNumberField.Root>\n      </Field>\n    </NumberFieldSizeContext.Provider>\n  );\n}\n\nexport type NumberFieldLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const NumberFieldLabel = forwardRef<HTMLElement, NumberFieldLabelProps>(\n  function NumberFieldLabel({ className, ...props }, ref) {\n    return (\n      <BaseField.Label\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useNumberFieldStyles().label, className)}\n        data-slot=\"number-field-label\"\n      />\n    );\n  },\n);\n\nexport type NumberFieldGroupProps = ComponentPropsWithoutRef<typeof BaseNumberField.Group>;\n\nexport const NumberFieldGroup = forwardRef<HTMLDivElement, NumberFieldGroupProps>(\n  function NumberFieldGroup({ className, ...props }, ref) {\n    return (\n      <BaseNumberField.Group\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useNumberFieldStyles().group, className)}\n        data-slot=\"number-field-group\"\n      />\n    );\n  },\n);\n\nexport type NumberFieldInputProps = ComponentPropsWithoutRef<typeof BaseNumberField.Input>;\n\nexport const NumberFieldInput = forwardRef<HTMLInputElement, NumberFieldInputProps>(\n  function NumberFieldInput({ className, ...props }, ref) {\n    return (\n      <BaseNumberField.Input\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useNumberFieldStyles().input, className)}\n        data-slot=\"number-field-input\"\n      />\n    );\n  },\n);\n\nexport type NumberFieldIncrementProps = ComponentPropsWithoutRef<typeof BaseNumberField.Increment>;\n\nexport const NumberFieldIncrement = forwardRef<HTMLButtonElement, NumberFieldIncrementProps>(\n  function NumberFieldIncrement(\n    { \"aria-label\": ariaLabel, children = \"+\", className, ...props },\n    ref,\n  ) {\n    return (\n      <BaseNumberField.Increment\n        {...props}\n        ref={ref}\n        aria-label={ariaLabel ?? \"Increase value\"}\n        className={withRecipeClassName(useNumberFieldStyles().increment, className)}\n        data-slot=\"number-field-increment\"\n      >\n        {children}\n      </BaseNumberField.Increment>\n    );\n  },\n);\n\nexport type NumberFieldDecrementProps = ComponentPropsWithoutRef<typeof BaseNumberField.Decrement>;\n\nexport const NumberFieldDecrement = forwardRef<HTMLButtonElement, NumberFieldDecrementProps>(\n  function NumberFieldDecrement(\n    { \"aria-label\": ariaLabel, children = \"−\", className, ...props },\n    ref,\n  ) {\n    return (\n      <BaseNumberField.Decrement\n        {...props}\n        ref={ref}\n        aria-label={ariaLabel ?? \"Decrease value\"}\n        className={withRecipeClassName(useNumberFieldStyles().decrement, className)}\n        data-slot=\"number-field-decrement\"\n      >\n        {children}\n      </BaseNumberField.Decrement>\n    );\n  },\n);\n\nexport type NumberFieldScrubAreaProps = ComponentPropsWithoutRef<typeof BaseNumberField.ScrubArea>;\n\nexport const NumberFieldScrubArea = forwardRef<HTMLSpanElement, NumberFieldScrubAreaProps>(\n  function NumberFieldScrubArea({ className, ...props }, ref) {\n    return (\n      <BaseNumberField.ScrubArea\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useNumberFieldStyles().scrubArea, className)}\n        data-slot=\"number-field-scrub-area\"\n      />\n    );\n  },\n);\n\nexport type NumberFieldScrubAreaCursorProps = ComponentPropsWithoutRef<\n  typeof BaseNumberField.ScrubAreaCursor\n>;\n\nexport const NumberFieldScrubAreaCursor = forwardRef<\n  HTMLSpanElement,\n  NumberFieldScrubAreaCursorProps\n>(function NumberFieldScrubAreaCursor({ className, ...props }, ref) {\n  return (\n    <BaseNumberField.ScrubAreaCursor\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useNumberFieldStyles().scrubAreaCursor, className)}\n      data-slot=\"number-field-scrub-area-cursor\"\n    />\n  );\n});\n\nexport const NumberField = {\n  Root: NumberFieldRoot,\n  Label: NumberFieldLabel,\n  Group: NumberFieldGroup,\n  Input: NumberFieldInput,\n  Increment: NumberFieldIncrement,\n  Decrement: NumberFieldDecrement,\n  ScrubArea: NumberFieldScrubArea,\n  ScrubAreaCursor: NumberFieldScrubAreaCursor,\n};\n"],"mappings":"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"}

package/dist/components/number-field/number-field.js

@@ -18,8 +18,9 @@ function useNumberFieldStyles() {
 * `defaultValue` APIs while preserving native form submission.
 */
 function NumberFieldRoot$1({ children, className, disabled, errors, invalid, name, size = "md", ...props }) {
+	const styles = numberField({ size });
 	const fieldProps = {
-		className: cx(numberField({ size }).root, className),
+		className: cx(styles.root, className),
 		...disabled === void 0 ? {} : { disabled },
 		...errors === void 0 ? {} : { errors },
 		...invalid === void 0 ? {} : { invalid },

package/dist/components/number-field/number-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-field.js","names":["NumberFieldRoot","Field","BaseNumberField","BaseField","NumberField"],"sources":["../../../src/components/number-field/number-field.tsx"],"sourcesContent":["\"use client\";\n\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { NumberFieldRoot as BaseNumberFieldRoot } from \"@base-ui/react/number-field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { numberField } from \"../../styled-system/recipes\";\nimport { Field } from \"../field\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type NumberFieldSize = \"sm\" | \"md\" | \"lg\";\n\nconst NumberFieldSizeContext = createContext<NumberFieldSize>(\"md\");\n\nfunction useNumberFieldStyles() {\n  return numberField({ size: useContext(NumberFieldSizeContext) });\n}\n\nexport interface NumberFieldRootProps\n  extends Omit<BaseNumberFieldRoot.Props, \"children\" | \"className\"> {\n  /** Shared visual size for the input and stepper buttons. */\n  size?: NumberFieldSize;\n  /** Marks the field invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * A locale-aware numeric field with keyboard, wheel and button stepping.\n * It supports the controlled `value`/`onValueChange` and uncontrolled\n * `defaultValue` APIs while preserving native form submission.\n */\nexport function NumberFieldRoot({\n  children,\n  className,\n  disabled,\n  errors,\n  invalid,\n  name,\n  size = \"md\",\n  ...props\n}: NumberFieldRootProps) {\n  const styles = numberField({ size });\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(disabled === undefined ? {} : { disabled }),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <NumberFieldSizeContext.Provider value={size}>\n      <Field {...fieldProps}>\n        <BaseNumberField.Root\n          {...props}\n          {...(disabled === undefined ? {} : { disabled })}\n          {...(name === undefined ? {} : { name })}\n          data-jaci-component=\"number-field\"\n          data-slot=\"number-field\"\n        >\n          {children}\n        </BaseNumberField.Root>\n      </Field>\n    </NumberFieldSizeContext.Provider>\n  );\n}\n\nexport type NumberFieldLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const NumberFieldLabel = forwardRef<HTMLElement, NumberFieldLabelProps>(\n  function NumberFieldLabel({ className, ...props }, ref) {\n    return (\n      <BaseField.Label\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useNumberFieldStyles().label, className)}\n        data-slot=\"number-field-label\"\n      />\n    );\n  },\n);\n\nexport type NumberFieldGroupProps = ComponentPropsWithoutRef<typeof BaseNumberField.Group>;\n\nexport const NumberFieldGroup = forwardRef<HTMLDivElement, NumberFieldGroupProps>(\n  function NumberFieldGroup({ className, ...props }, ref) {\n    return (\n      <BaseNumberField.Group\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useNumberFieldStyles().group, className)}\n        data-slot=\"number-field-group\"\n      />\n    );\n  },\n);\n\nexport type NumberFieldInputProps = ComponentPropsWithoutRef<typeof BaseNumberField.Input>;\n\nexport const NumberFieldInput = forwardRef<HTMLInputElement, NumberFieldInputProps>(\n  function NumberFieldInput({ className, ...props }, ref) {\n    return (\n      <BaseNumberField.Input\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useNumberFieldStyles().input, className)}\n        data-slot=\"number-field-input\"\n      />\n    );\n  },\n);\n\nexport type NumberFieldIncrementProps = ComponentPropsWithoutRef<typeof BaseNumberField.Increment>;\n\nexport const NumberFieldIncrement = forwardRef<HTMLButtonElement, NumberFieldIncrementProps>(\n  function NumberFieldIncrement(\n    { \"aria-label\": ariaLabel, children = \"+\", className, ...props },\n    ref,\n  ) {\n    return (\n      <BaseNumberField.Increment\n        {...props}\n        ref={ref}\n        aria-label={ariaLabel ?? \"Increase value\"}\n        className={withRecipeClassName(useNumberFieldStyles().increment, className)}\n        data-slot=\"number-field-increment\"\n      >\n        {children}\n      </BaseNumberField.Increment>\n    );\n  },\n);\n\nexport type NumberFieldDecrementProps = ComponentPropsWithoutRef<typeof BaseNumberField.Decrement>;\n\nexport const NumberFieldDecrement = forwardRef<HTMLButtonElement, NumberFieldDecrementProps>(\n  function NumberFieldDecrement(\n    { \"aria-label\": ariaLabel, children = \"−\", className, ...props },\n    ref,\n  ) {\n    return (\n      <BaseNumberField.Decrement\n        {...props}\n        ref={ref}\n        aria-label={ariaLabel ?? \"Decrease value\"}\n        className={withRecipeClassName(useNumberFieldStyles().decrement, className)}\n        data-slot=\"number-field-decrement\"\n      >\n        {children}\n      </BaseNumberField.Decrement>\n    );\n  },\n);\n\nexport type NumberFieldScrubAreaProps = ComponentPropsWithoutRef<typeof BaseNumberField.ScrubArea>;\n\nexport const NumberFieldScrubArea = forwardRef<HTMLSpanElement, NumberFieldScrubAreaProps>(\n  function NumberFieldScrubArea({ className, ...props }, ref) {\n    return (\n      <BaseNumberField.ScrubArea\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useNumberFieldStyles().scrubArea, className)}\n        data-slot=\"number-field-scrub-area\"\n      />\n    );\n  },\n);\n\nexport type NumberFieldScrubAreaCursorProps = ComponentPropsWithoutRef<\n  typeof BaseNumberField.ScrubAreaCursor\n>;\n\nexport const NumberFieldScrubAreaCursor = forwardRef<\n  HTMLSpanElement,\n  NumberFieldScrubAreaCursorProps\n>(function NumberFieldScrubAreaCursor({ className, ...props }, ref) {\n  return (\n    <BaseNumberField.ScrubAreaCursor\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useNumberFieldStyles().scrubAreaCursor, className)}\n      data-slot=\"number-field-scrub-area-cursor\"\n    />\n  );\n});\n\nexport const NumberField = {\n  Root: NumberFieldRoot,\n  Label: NumberFieldLabel,\n  Group: NumberFieldGroup,\n  Input: NumberFieldInput,\n  Increment: NumberFieldIncrement,\n  Decrement: NumberFieldDecrement,\n  ScrubArea: NumberFieldScrubArea,\n  ScrubAreaCursor: NumberFieldScrubAreaCursor,\n};\n"],"mappings":"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"}
+{"version":3,"file":"number-field.js","names":["NumberFieldRoot","Field","BaseNumberField","BaseField","NumberField"],"sources":["../../../src/components/number-field/number-field.tsx"],"sourcesContent":["\"use client\";\n\nimport { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { NumberFieldRoot as BaseNumberFieldRoot } from \"@base-ui/react/number-field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { numberField } from \"../../styled-system/recipes\";\nimport { Field } from \"../field\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type NumberFieldSize = \"sm\" | \"md\" | \"lg\";\n\nconst NumberFieldSizeContext = createContext<NumberFieldSize>(\"md\");\n\nfunction useNumberFieldStyles() {\n  return numberField({ size: useContext(NumberFieldSizeContext) });\n}\n\nexport interface NumberFieldRootProps\n  extends Omit<BaseNumberFieldRoot.Props, \"children\" | \"className\"> {\n  /** Shared visual size for the input and stepper buttons. */\n  size?: NumberFieldSize;\n  /** Marks the field invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * A locale-aware numeric field with keyboard, wheel and button stepping.\n * It supports the controlled `value`/`onValueChange` and uncontrolled\n * `defaultValue` APIs while preserving native form submission.\n */\nexport function NumberFieldRoot({\n  children,\n  className,\n  disabled,\n  errors,\n  invalid,\n  name,\n  size = \"md\",\n  ...props\n}: NumberFieldRootProps) {\n  const styles = numberField({ size });\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(disabled === undefined ? {} : { disabled }),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <NumberFieldSizeContext.Provider value={size}>\n      <Field {...fieldProps}>\n        <BaseNumberField.Root\n          {...props}\n          {...(disabled === undefined ? {} : { disabled })}\n          {...(name === undefined ? {} : { name })}\n          data-jaci-component=\"number-field\"\n          data-slot=\"number-field\"\n        >\n          {children}\n        </BaseNumberField.Root>\n      </Field>\n    </NumberFieldSizeContext.Provider>\n  );\n}\n\nexport type NumberFieldLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const NumberFieldLabel = forwardRef<HTMLElement, NumberFieldLabelProps>(\n  function NumberFieldLabel({ className, ...props }, ref) {\n    return (\n      <BaseField.Label\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useNumberFieldStyles().label, className)}\n        data-slot=\"number-field-label\"\n      />\n    );\n  },\n);\n\nexport type NumberFieldGroupProps = ComponentPropsWithoutRef<typeof BaseNumberField.Group>;\n\nexport const NumberFieldGroup = forwardRef<HTMLDivElement, NumberFieldGroupProps>(\n  function NumberFieldGroup({ className, ...props }, ref) {\n    return (\n      <BaseNumberField.Group\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useNumberFieldStyles().group, className)}\n        data-slot=\"number-field-group\"\n      />\n    );\n  },\n);\n\nexport type NumberFieldInputProps = ComponentPropsWithoutRef<typeof BaseNumberField.Input>;\n\nexport const NumberFieldInput = forwardRef<HTMLInputElement, NumberFieldInputProps>(\n  function NumberFieldInput({ className, ...props }, ref) {\n    return (\n      <BaseNumberField.Input\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useNumberFieldStyles().input, className)}\n        data-slot=\"number-field-input\"\n      />\n    );\n  },\n);\n\nexport type NumberFieldIncrementProps = ComponentPropsWithoutRef<typeof BaseNumberField.Increment>;\n\nexport const NumberFieldIncrement = forwardRef<HTMLButtonElement, NumberFieldIncrementProps>(\n  function NumberFieldIncrement(\n    { \"aria-label\": ariaLabel, children = \"+\", className, ...props },\n    ref,\n  ) {\n    return (\n      <BaseNumberField.Increment\n        {...props}\n        ref={ref}\n        aria-label={ariaLabel ?? \"Increase value\"}\n        className={withRecipeClassName(useNumberFieldStyles().increment, className)}\n        data-slot=\"number-field-increment\"\n      >\n        {children}\n      </BaseNumberField.Increment>\n    );\n  },\n);\n\nexport type NumberFieldDecrementProps = ComponentPropsWithoutRef<typeof BaseNumberField.Decrement>;\n\nexport const NumberFieldDecrement = forwardRef<HTMLButtonElement, NumberFieldDecrementProps>(\n  function NumberFieldDecrement(\n    { \"aria-label\": ariaLabel, children = \"−\", className, ...props },\n    ref,\n  ) {\n    return (\n      <BaseNumberField.Decrement\n        {...props}\n        ref={ref}\n        aria-label={ariaLabel ?? \"Decrease value\"}\n        className={withRecipeClassName(useNumberFieldStyles().decrement, className)}\n        data-slot=\"number-field-decrement\"\n      >\n        {children}\n      </BaseNumberField.Decrement>\n    );\n  },\n);\n\nexport type NumberFieldScrubAreaProps = ComponentPropsWithoutRef<typeof BaseNumberField.ScrubArea>;\n\nexport const NumberFieldScrubArea = forwardRef<HTMLSpanElement, NumberFieldScrubAreaProps>(\n  function NumberFieldScrubArea({ className, ...props }, ref) {\n    return (\n      <BaseNumberField.ScrubArea\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useNumberFieldStyles().scrubArea, className)}\n        data-slot=\"number-field-scrub-area\"\n      />\n    );\n  },\n);\n\nexport type NumberFieldScrubAreaCursorProps = ComponentPropsWithoutRef<\n  typeof BaseNumberField.ScrubAreaCursor\n>;\n\nexport const NumberFieldScrubAreaCursor = forwardRef<\n  HTMLSpanElement,\n  NumberFieldScrubAreaCursorProps\n>(function NumberFieldScrubAreaCursor({ className, ...props }, ref) {\n  return (\n    <BaseNumberField.ScrubAreaCursor\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useNumberFieldStyles().scrubAreaCursor, className)}\n      data-slot=\"number-field-scrub-area-cursor\"\n    />\n  );\n});\n\nexport const NumberField = {\n  Root: NumberFieldRoot,\n  Label: NumberFieldLabel,\n  Group: NumberFieldGroup,\n  Input: NumberFieldInput,\n  Increment: NumberFieldIncrement,\n  Decrement: NumberFieldDecrement,\n  ScrubArea: NumberFieldScrubArea,\n  ScrubAreaCursor: NumberFieldScrubAreaCursor,\n};\n"],"mappings":"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"}

package/dist/components/option-selector/option-selector.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"option-selector.cjs","names":["optionSelector","cx"],"sources":["../../../src/components/option-selector/option-selector.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useId, useState } from \"react\";\nimport type { ChangeEventHandler, ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { optionSelector } from \"../../styled-system/recipes\";\n\nexport interface OptionSelectorOption {\n  /** Stable value submitted by the option. */\n  value: string;\n  /** Optional visible text. Use `children` for a richer option body. */\n  label?: ReactNode;\n  /** Custom content such as an icon, preview or illustration. */\n  children?: ReactNode;\n  /** Disables only this option. */\n  disabled?: boolean;\n  /** Explicit id for the native input and its label. */\n  id?: string;\n}\n\nexport type OptionSelectorValue = string | string[];\n\nexport interface OptionSelectorProps\n  extends Omit<ComponentPropsWithoutRef<\"fieldset\">, \"children\" | \"onChange\"> {\n  /** Optional icon displayed next to the legend. */\n  icon?: ReactNode;\n  /** Accessible and visible group label. */\n  label?: ReactNode;\n  /** Supporting text announced with the group. */\n  description?: ReactNode;\n  /** Options rendered as custom selectable cards. */\n  options?: OptionSelectorOption[];\n  /** Name used by the native radio/checkbox inputs and form submission. */\n  name?: string;\n  /** Select multiple options with checkboxes instead of one radio option. */\n  multiple?: boolean;\n  /** Controlled selection. A string is used for one option and an array for many. */\n  value?: OptionSelectorValue;\n  /** Initial selection for an uncontrolled selector. */\n  defaultValue?: OptionSelectorValue;\n  /** Called with the next selected value after an option changes. */\n  onValueChange?: (value: OptionSelectorValue) => void;\n  /** Native change event callback. */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  /** Layout of the option cards. Defaults to the horizontal layout. */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Responsive number of columns in the option grid. */\n  columns?: 1 | 2 | 3 | 4;\n  children?: ReactNode;\n}\n\nfunction getMultipleValues(value: OptionSelectorValue | undefined) {\n  if (Array.isArray(value)) {\n    return value;\n  }\n\n  return value === undefined ? [] : [value];\n}\n\nfunction getSingleValue(value: OptionSelectorValue | undefined) {\n  return Array.isArray(value) ? value[0] : value;\n}\n\nfunction isSelected(value: string, selected: OptionSelectorValue | undefined, multiple: boolean) {\n  return multiple\n    ? getMultipleValues(selected).includes(value)\n    : getSingleValue(selected) === value;\n}\n\nexport const OptionSelector = forwardRef<HTMLFieldSetElement, OptionSelectorProps>(\n  function OptionSelector(\n    {\n      children,\n      className,\n      columns = 1,\n      defaultValue,\n      description,\n      disabled = false,\n      icon,\n      id,\n      label,\n      multiple = false,\n      name,\n      onChange,\n      onValueChange,\n      options = [],\n      orientation = \"horizontal\",\n      value: controlledValue,\n      ...props\n    },\n    ref,\n  ) {\n    const generatedId = useId();\n    const baseId = id ?? generatedId;\n    const descriptionId = description ? `${baseId}-description` : undefined;\n    const inputName = name ?? `${baseId}-options`;\n    const [uncontrolledValue, setUncontrolledValue] = useState<OptionSelectorValue>(() =>\n      multiple ? getMultipleValues(defaultValue) : (getSingleValue(defaultValue) ?? \"\"),\n    );\n    const selectedValue = controlledValue === undefined ? uncontrolledValue : controlledValue;\n    const styles = optionSelector({\n      orientation,\n      columns: String(columns) as \"1\" | \"2\" | \"3\" | \"4\",\n    });\n\n    return (\n      <fieldset\n        {...props}\n        ref={ref}\n        aria-describedby={props[\"aria-describedby\"] ?? descriptionId}\n        className={cx(styles.root, className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"option-selector\"\n        data-slot=\"option-selector\"\n        disabled={disabled}\n        id={id}\n      >\n        {label || icon ? (\n          <legend className={styles.legend} data-slot=\"option-selector-legend\">\n            {icon ? (\n              <span aria-hidden=\"true\" className={styles.icon} data-slot=\"option-selector-icon\">\n                {icon}\n              </span>\n            ) : null}\n            <span className={styles.label} data-slot=\"option-selector-label\">\n              {label}\n            </span>\n          </legend>\n        ) : null}\n        {description ? (\n          <p\n            className={styles.description}\n            data-slot=\"option-selector-description\"\n            id={descriptionId}\n          >\n            {description}\n          </p>\n        ) : null}\n        <div className={styles.options} data-slot=\"option-selector-options\">\n          {options.map((option, index) => {\n            const optionDisabled = disabled || Boolean(option.disabled);\n            const selected = isSelected(option.value, selectedValue, multiple);\n            const optionId = option.id ?? `${baseId}-option-${index}`;\n\n            return (\n              <label\n                className={styles.option}\n                data-disabled={optionDisabled || undefined}\n                data-selected={selected || undefined}\n                data-slot=\"option-selector-option\"\n                htmlFor={optionId}\n                key={option.value}\n              >\n                <input\n                  aria-label={typeof option.label === \"string\" ? option.label : undefined}\n                  checked={selected}\n                  className={styles.input}\n                  data-slot=\"option-selector-input\"\n                  disabled={optionDisabled}\n                  id={optionId}\n                  name={inputName}\n                  onChange={(event) => {\n                    const nextValue = multiple\n                      ? event.currentTarget.checked\n                        ? [...getMultipleValues(selectedValue), option.value]\n                        : getMultipleValues(selectedValue).filter(\n                            (current) => current !== option.value,\n                          )\n                      : option.value;\n\n                    setUncontrolledValue(nextValue);\n                    onValueChange?.(nextValue);\n                    onChange?.(event);\n                  }}\n                  type={multiple ? \"checkbox\" : \"radio\"}\n                  value={option.value}\n                />\n                <span className={styles.content}>\n                  {option.children}\n                  {option.label ? (\n                    <span className={styles.optionLabel} data-slot=\"option-selector-option-label\">\n                      {option.label}\n                    </span>\n                  ) : null}\n                </span>\n              </label>\n            );\n          })}\n          {children}\n        </div>\n      </fieldset>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"option-selector.cjs","names":["forwardRef","useId","useState","optionSelector","cx"],"sources":["../../../src/components/option-selector/option-selector.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useId, useState } from \"react\";\nimport type { ChangeEventHandler, ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { optionSelector } from \"../../styled-system/recipes\";\n\nexport interface OptionSelectorOption {\n  /** Stable value submitted by the option. */\n  value: string;\n  /** Optional visible text. Use `children` for a richer option body. */\n  label?: ReactNode;\n  /** Custom content such as an icon, preview or illustration. */\n  children?: ReactNode;\n  /** Disables only this option. */\n  disabled?: boolean;\n  /** Explicit id for the native input and its label. */\n  id?: string;\n}\n\nexport type OptionSelectorValue = string | string[];\n\nexport interface OptionSelectorProps\n  extends Omit<ComponentPropsWithoutRef<\"fieldset\">, \"children\" | \"onChange\"> {\n  /** Optional icon displayed next to the legend. */\n  icon?: ReactNode;\n  /** Accessible and visible group label. */\n  label?: ReactNode;\n  /** Supporting text announced with the group. */\n  description?: ReactNode;\n  /** Options rendered as custom selectable cards. */\n  options?: OptionSelectorOption[];\n  /** Name used by the native radio/checkbox inputs and form submission. */\n  name?: string;\n  /** Select multiple options with checkboxes instead of one radio option. */\n  multiple?: boolean;\n  /** Controlled selection. A string is used for one option and an array for many. */\n  value?: OptionSelectorValue;\n  /** Initial selection for an uncontrolled selector. */\n  defaultValue?: OptionSelectorValue;\n  /** Called with the next selected value after an option changes. */\n  onValueChange?: (value: OptionSelectorValue) => void;\n  /** Native change event callback. */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  /** Layout of the option cards. Defaults to the horizontal layout. */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Responsive number of columns in the option grid. */\n  columns?: 1 | 2 | 3 | 4;\n  children?: ReactNode;\n}\n\nfunction getMultipleValues(value: OptionSelectorValue | undefined) {\n  if (Array.isArray(value)) {\n    return value;\n  }\n\n  return value === undefined ? [] : [value];\n}\n\nfunction getSingleValue(value: OptionSelectorValue | undefined) {\n  return Array.isArray(value) ? value[0] : value;\n}\n\nfunction isSelected(value: string, selected: OptionSelectorValue | undefined, multiple: boolean) {\n  return multiple\n    ? getMultipleValues(selected).includes(value)\n    : getSingleValue(selected) === value;\n}\n\nexport const OptionSelector = forwardRef<HTMLFieldSetElement, OptionSelectorProps>(\n  function OptionSelector(\n    {\n      children,\n      className,\n      columns = 1,\n      defaultValue,\n      description,\n      disabled = false,\n      icon,\n      id,\n      label,\n      multiple = false,\n      name,\n      onChange,\n      onValueChange,\n      options = [],\n      orientation = \"horizontal\",\n      value: controlledValue,\n      ...props\n    },\n    ref,\n  ) {\n    const generatedId = useId();\n    const baseId = id ?? generatedId;\n    const descriptionId = description ? `${baseId}-description` : undefined;\n    const inputName = name ?? `${baseId}-options`;\n    const [uncontrolledValue, setUncontrolledValue] = useState<OptionSelectorValue>(() =>\n      multiple ? getMultipleValues(defaultValue) : (getSingleValue(defaultValue) ?? \"\"),\n    );\n    const selectedValue = controlledValue === undefined ? uncontrolledValue : controlledValue;\n    const styles = optionSelector({\n      orientation,\n      columns: String(columns) as \"1\" | \"2\" | \"3\" | \"4\",\n    });\n\n    return (\n      <fieldset\n        {...props}\n        ref={ref}\n        aria-describedby={props[\"aria-describedby\"] ?? descriptionId}\n        className={cx(styles.root, className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"option-selector\"\n        data-slot=\"option-selector\"\n        disabled={disabled}\n        id={id}\n      >\n        {label || icon ? (\n          <legend className={styles.legend} data-slot=\"option-selector-legend\">\n            {icon ? (\n              <span aria-hidden=\"true\" className={styles.icon} data-slot=\"option-selector-icon\">\n                {icon}\n              </span>\n            ) : null}\n            <span className={styles.label} data-slot=\"option-selector-label\">\n              {label}\n            </span>\n          </legend>\n        ) : null}\n        {description ? (\n          <p\n            className={styles.description}\n            data-slot=\"option-selector-description\"\n            id={descriptionId}\n          >\n            {description}\n          </p>\n        ) : null}\n        <div className={styles.options} data-slot=\"option-selector-options\">\n          {options.map((option, index) => {\n            const optionDisabled = disabled || Boolean(option.disabled);\n            const selected = isSelected(option.value, selectedValue, multiple);\n            const optionId = option.id ?? `${baseId}-option-${index}`;\n\n            return (\n              <label\n                className={styles.option}\n                data-disabled={optionDisabled || undefined}\n                data-selected={selected || undefined}\n                data-slot=\"option-selector-option\"\n                htmlFor={optionId}\n                key={option.value}\n              >\n                <input\n                  aria-label={typeof option.label === \"string\" ? option.label : undefined}\n                  checked={selected}\n                  className={styles.input}\n                  data-slot=\"option-selector-input\"\n                  disabled={optionDisabled}\n                  id={optionId}\n                  name={inputName}\n                  onChange={(event) => {\n                    const nextValue = multiple\n                      ? event.currentTarget.checked\n                        ? [...getMultipleValues(selectedValue), option.value]\n                        : getMultipleValues(selectedValue).filter(\n                            (current) => current !== option.value,\n                          )\n                      : option.value;\n\n                    setUncontrolledValue(nextValue);\n                    onValueChange?.(nextValue);\n                    onChange?.(event);\n                  }}\n                  type={multiple ? \"checkbox\" : \"radio\"}\n                  value={option.value}\n                />\n                <span className={styles.content}>\n                  {option.children}\n                  {option.label ? (\n                    <span className={styles.optionLabel} data-slot=\"option-selector-option-label\">\n                      {option.label}\n                    </span>\n                  ) : null}\n                </span>\n              </label>\n            );\n          })}\n          {children}\n        </div>\n      </fieldset>\n    );\n  },\n);\n"],"mappings":"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"}

package/dist/components/option-selector/option-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"option-selector.js","names":[],"sources":["../../../src/components/option-selector/option-selector.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useId, useState } from \"react\";\nimport type { ChangeEventHandler, ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { optionSelector } from \"../../styled-system/recipes\";\n\nexport interface OptionSelectorOption {\n  /** Stable value submitted by the option. */\n  value: string;\n  /** Optional visible text. Use `children` for a richer option body. */\n  label?: ReactNode;\n  /** Custom content such as an icon, preview or illustration. */\n  children?: ReactNode;\n  /** Disables only this option. */\n  disabled?: boolean;\n  /** Explicit id for the native input and its label. */\n  id?: string;\n}\n\nexport type OptionSelectorValue = string | string[];\n\nexport interface OptionSelectorProps\n  extends Omit<ComponentPropsWithoutRef<\"fieldset\">, \"children\" | \"onChange\"> {\n  /** Optional icon displayed next to the legend. */\n  icon?: ReactNode;\n  /** Accessible and visible group label. */\n  label?: ReactNode;\n  /** Supporting text announced with the group. */\n  description?: ReactNode;\n  /** Options rendered as custom selectable cards. */\n  options?: OptionSelectorOption[];\n  /** Name used by the native radio/checkbox inputs and form submission. */\n  name?: string;\n  /** Select multiple options with checkboxes instead of one radio option. */\n  multiple?: boolean;\n  /** Controlled selection. A string is used for one option and an array for many. */\n  value?: OptionSelectorValue;\n  /** Initial selection for an uncontrolled selector. */\n  defaultValue?: OptionSelectorValue;\n  /** Called with the next selected value after an option changes. */\n  onValueChange?: (value: OptionSelectorValue) => void;\n  /** Native change event callback. */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  /** Layout of the option cards. Defaults to the horizontal layout. */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Responsive number of columns in the option grid. */\n  columns?: 1 | 2 | 3 | 4;\n  children?: ReactNode;\n}\n\nfunction getMultipleValues(value: OptionSelectorValue | undefined) {\n  if (Array.isArray(value)) {\n    return value;\n  }\n\n  return value === undefined ? [] : [value];\n}\n\nfunction getSingleValue(value: OptionSelectorValue | undefined) {\n  return Array.isArray(value) ? value[0] : value;\n}\n\nfunction isSelected(value: string, selected: OptionSelectorValue | undefined, multiple: boolean) {\n  return multiple\n    ? getMultipleValues(selected).includes(value)\n    : getSingleValue(selected) === value;\n}\n\nexport const OptionSelector = forwardRef<HTMLFieldSetElement, OptionSelectorProps>(\n  function OptionSelector(\n    {\n      children,\n      className,\n      columns = 1,\n      defaultValue,\n      description,\n      disabled = false,\n      icon,\n      id,\n      label,\n      multiple = false,\n      name,\n      onChange,\n      onValueChange,\n      options = [],\n      orientation = \"horizontal\",\n      value: controlledValue,\n      ...props\n    },\n    ref,\n  ) {\n    const generatedId = useId();\n    const baseId = id ?? generatedId;\n    const descriptionId = description ? `${baseId}-description` : undefined;\n    const inputName = name ?? `${baseId}-options`;\n    const [uncontrolledValue, setUncontrolledValue] = useState<OptionSelectorValue>(() =>\n      multiple ? getMultipleValues(defaultValue) : (getSingleValue(defaultValue) ?? \"\"),\n    );\n    const selectedValue = controlledValue === undefined ? uncontrolledValue : controlledValue;\n    const styles = optionSelector({\n      orientation,\n      columns: String(columns) as \"1\" | \"2\" | \"3\" | \"4\",\n    });\n\n    return (\n      <fieldset\n        {...props}\n        ref={ref}\n        aria-describedby={props[\"aria-describedby\"] ?? descriptionId}\n        className={cx(styles.root, className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"option-selector\"\n        data-slot=\"option-selector\"\n        disabled={disabled}\n        id={id}\n      >\n        {label || icon ? (\n          <legend className={styles.legend} data-slot=\"option-selector-legend\">\n            {icon ? (\n              <span aria-hidden=\"true\" className={styles.icon} data-slot=\"option-selector-icon\">\n                {icon}\n              </span>\n            ) : null}\n            <span className={styles.label} data-slot=\"option-selector-label\">\n              {label}\n            </span>\n          </legend>\n        ) : null}\n        {description ? (\n          <p\n            className={styles.description}\n            data-slot=\"option-selector-description\"\n            id={descriptionId}\n          >\n            {description}\n          </p>\n        ) : null}\n        <div className={styles.options} data-slot=\"option-selector-options\">\n          {options.map((option, index) => {\n            const optionDisabled = disabled || Boolean(option.disabled);\n            const selected = isSelected(option.value, selectedValue, multiple);\n            const optionId = option.id ?? `${baseId}-option-${index}`;\n\n            return (\n              <label\n                className={styles.option}\n                data-disabled={optionDisabled || undefined}\n                data-selected={selected || undefined}\n                data-slot=\"option-selector-option\"\n                htmlFor={optionId}\n                key={option.value}\n              >\n                <input\n                  aria-label={typeof option.label === \"string\" ? option.label : undefined}\n                  checked={selected}\n                  className={styles.input}\n                  data-slot=\"option-selector-input\"\n                  disabled={optionDisabled}\n                  id={optionId}\n                  name={inputName}\n                  onChange={(event) => {\n                    const nextValue = multiple\n                      ? event.currentTarget.checked\n                        ? [...getMultipleValues(selectedValue), option.value]\n                        : getMultipleValues(selectedValue).filter(\n                            (current) => current !== option.value,\n                          )\n                      : option.value;\n\n                    setUncontrolledValue(nextValue);\n                    onValueChange?.(nextValue);\n                    onChange?.(event);\n                  }}\n                  type={multiple ? \"checkbox\" : \"radio\"}\n                  value={option.value}\n                />\n                <span className={styles.content}>\n                  {option.children}\n                  {option.label ? (\n                    <span className={styles.optionLabel} data-slot=\"option-selector-option-label\">\n                      {option.label}\n                    </span>\n                  ) : null}\n                </span>\n              </label>\n            );\n          })}\n          {children}\n        </div>\n      </fieldset>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"option-selector.js","names":[],"sources":["../../../src/components/option-selector/option-selector.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useId, useState } from \"react\";\nimport type { ChangeEventHandler, ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { optionSelector } from \"../../styled-system/recipes\";\n\nexport interface OptionSelectorOption {\n  /** Stable value submitted by the option. */\n  value: string;\n  /** Optional visible text. Use `children` for a richer option body. */\n  label?: ReactNode;\n  /** Custom content such as an icon, preview or illustration. */\n  children?: ReactNode;\n  /** Disables only this option. */\n  disabled?: boolean;\n  /** Explicit id for the native input and its label. */\n  id?: string;\n}\n\nexport type OptionSelectorValue = string | string[];\n\nexport interface OptionSelectorProps\n  extends Omit<ComponentPropsWithoutRef<\"fieldset\">, \"children\" | \"onChange\"> {\n  /** Optional icon displayed next to the legend. */\n  icon?: ReactNode;\n  /** Accessible and visible group label. */\n  label?: ReactNode;\n  /** Supporting text announced with the group. */\n  description?: ReactNode;\n  /** Options rendered as custom selectable cards. */\n  options?: OptionSelectorOption[];\n  /** Name used by the native radio/checkbox inputs and form submission. */\n  name?: string;\n  /** Select multiple options with checkboxes instead of one radio option. */\n  multiple?: boolean;\n  /** Controlled selection. A string is used for one option and an array for many. */\n  value?: OptionSelectorValue;\n  /** Initial selection for an uncontrolled selector. */\n  defaultValue?: OptionSelectorValue;\n  /** Called with the next selected value after an option changes. */\n  onValueChange?: (value: OptionSelectorValue) => void;\n  /** Native change event callback. */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  /** Layout of the option cards. Defaults to the horizontal layout. */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Responsive number of columns in the option grid. */\n  columns?: 1 | 2 | 3 | 4;\n  children?: ReactNode;\n}\n\nfunction getMultipleValues(value: OptionSelectorValue | undefined) {\n  if (Array.isArray(value)) {\n    return value;\n  }\n\n  return value === undefined ? [] : [value];\n}\n\nfunction getSingleValue(value: OptionSelectorValue | undefined) {\n  return Array.isArray(value) ? value[0] : value;\n}\n\nfunction isSelected(value: string, selected: OptionSelectorValue | undefined, multiple: boolean) {\n  return multiple\n    ? getMultipleValues(selected).includes(value)\n    : getSingleValue(selected) === value;\n}\n\nexport const OptionSelector = forwardRef<HTMLFieldSetElement, OptionSelectorProps>(\n  function OptionSelector(\n    {\n      children,\n      className,\n      columns = 1,\n      defaultValue,\n      description,\n      disabled = false,\n      icon,\n      id,\n      label,\n      multiple = false,\n      name,\n      onChange,\n      onValueChange,\n      options = [],\n      orientation = \"horizontal\",\n      value: controlledValue,\n      ...props\n    },\n    ref,\n  ) {\n    const generatedId = useId();\n    const baseId = id ?? generatedId;\n    const descriptionId = description ? `${baseId}-description` : undefined;\n    const inputName = name ?? `${baseId}-options`;\n    const [uncontrolledValue, setUncontrolledValue] = useState<OptionSelectorValue>(() =>\n      multiple ? getMultipleValues(defaultValue) : (getSingleValue(defaultValue) ?? \"\"),\n    );\n    const selectedValue = controlledValue === undefined ? uncontrolledValue : controlledValue;\n    const styles = optionSelector({\n      orientation,\n      columns: String(columns) as \"1\" | \"2\" | \"3\" | \"4\",\n    });\n\n    return (\n      <fieldset\n        {...props}\n        ref={ref}\n        aria-describedby={props[\"aria-describedby\"] ?? descriptionId}\n        className={cx(styles.root, className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"option-selector\"\n        data-slot=\"option-selector\"\n        disabled={disabled}\n        id={id}\n      >\n        {label || icon ? (\n          <legend className={styles.legend} data-slot=\"option-selector-legend\">\n            {icon ? (\n              <span aria-hidden=\"true\" className={styles.icon} data-slot=\"option-selector-icon\">\n                {icon}\n              </span>\n            ) : null}\n            <span className={styles.label} data-slot=\"option-selector-label\">\n              {label}\n            </span>\n          </legend>\n        ) : null}\n        {description ? (\n          <p\n            className={styles.description}\n            data-slot=\"option-selector-description\"\n            id={descriptionId}\n          >\n            {description}\n          </p>\n        ) : null}\n        <div className={styles.options} data-slot=\"option-selector-options\">\n          {options.map((option, index) => {\n            const optionDisabled = disabled || Boolean(option.disabled);\n            const selected = isSelected(option.value, selectedValue, multiple);\n            const optionId = option.id ?? `${baseId}-option-${index}`;\n\n            return (\n              <label\n                className={styles.option}\n                data-disabled={optionDisabled || undefined}\n                data-selected={selected || undefined}\n                data-slot=\"option-selector-option\"\n                htmlFor={optionId}\n                key={option.value}\n              >\n                <input\n                  aria-label={typeof option.label === \"string\" ? option.label : undefined}\n                  checked={selected}\n                  className={styles.input}\n                  data-slot=\"option-selector-input\"\n                  disabled={optionDisabled}\n                  id={optionId}\n                  name={inputName}\n                  onChange={(event) => {\n                    const nextValue = multiple\n                      ? event.currentTarget.checked\n                        ? [...getMultipleValues(selectedValue), option.value]\n                        : getMultipleValues(selectedValue).filter(\n                            (current) => current !== option.value,\n                          )\n                      : option.value;\n\n                    setUncontrolledValue(nextValue);\n                    onValueChange?.(nextValue);\n                    onChange?.(event);\n                  }}\n                  type={multiple ? \"checkbox\" : \"radio\"}\n                  value={option.value}\n                />\n                <span className={styles.content}>\n                  {option.children}\n                  {option.label ? (\n                    <span className={styles.optionLabel} data-slot=\"option-selector-option-label\">\n                      {option.label}\n                    </span>\n                  ) : null}\n                </span>\n              </label>\n            );\n          })}\n          {children}\n        </div>\n      </fieldset>\n    );\n  },\n);\n"],"mappings":"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"}

package/dist/components/pagination/pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.cjs","names":["cx","pagination"],"sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, forwardRef, useCallback, useContext, useMemo, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { pagination } from \"../../styled-system/recipes\";\n\nexport type PaginationDensity = \"compact\" | \"comfortable\";\n\ninterface PaginationContextValue {\n  density: PaginationDensity;\n  goTo: (page: number) => void;\n  page: number | undefined;\n  pageCount: number | undefined;\n}\n\nconst PaginationContext = createContext<PaginationContextValue | null>(null);\n\nfunction usePaginationContext() {\n  return useContext(PaginationContext);\n}\n\nexport interface PaginationRootProps extends Omit<ComponentPropsWithoutRef<\"nav\">, \"children\"> {\n  children?: ReactNode;\n  defaultPage?: number;\n  density?: PaginationDensity;\n  onPageChange?: (page: number) => void;\n  page?: number;\n  pageCount?: number;\n  showFirstLast?: boolean;\n  siblingCount?: number;\n}\n\nexport const PaginationRoot = forwardRef<HTMLElement, PaginationRootProps>(function PaginationRoot(\n  {\n    children,\n    \"aria-label\": ariaLabel,\n    className,\n    defaultPage = 1,\n    density = \"comfortable\",\n    onPageChange,\n    page: controlledPage,\n    pageCount,\n    showFirstLast = false,\n    siblingCount = 1,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledPage, setUncontrolledPage] = useState(defaultPage);\n  const page = pageCount\n    ? Math.min(Math.max(controlledPage ?? uncontrolledPage, 1), pageCount)\n    : controlledPage;\n  const goTo = useCallback(\n    (nextPage: number) => {\n      if (!pageCount) return;\n      const next = Math.min(Math.max(nextPage, 1), pageCount);\n      if (controlledPage === undefined) setUncontrolledPage(next);\n      onPageChange?.(next);\n    },\n    [controlledPage, onPageChange, pageCount],\n  );\n  const context = useMemo(\n    () => ({ density, goTo, page, pageCount }),\n    [density, goTo, page, pageCount],\n  );\n\n  return (\n    <PaginationContext.Provider value={context}>\n      <nav\n        {...props}\n        aria-label={ariaLabel ?? \"Pagination\"}\n        ref={ref}\n        className={cx(pagination({ density }).root, className)}\n        data-density={density}\n        data-jaci-component=\"pagination\"\n        data-slot=\"pagination\"\n      >\n        {children ??\n          (pageCount ? (\n            <PaginationGenerated\n              page={page ?? 1}\n              pageCount={pageCount}\n              showFirstLast={showFirstLast}\n              siblingCount={siblingCount}\n            />\n          ) : null)}\n      </nav>\n    </PaginationContext.Provider>\n  );\n});\n\nexport type PaginationListProps = ComponentPropsWithoutRef<\"ul\">;\nexport const PaginationList = forwardRef<HTMLUListElement, PaginationListProps>(\n  function PaginationList({ className, ...props }, ref) {\n    const context = usePaginationContext();\n    return (\n      <ul\n        {...props}\n        ref={ref}\n        className={cx(pagination({ density: context?.density }).list, className)}\n        data-slot=\"pagination-list\"\n      />\n    );\n  },\n);\n\nexport type PaginationItemProps = ComponentPropsWithoutRef<\"li\">;\nexport const PaginationItem = forwardRef<HTMLLIElement, PaginationItemProps>(\n  function PaginationItem({ className, ...props }, ref) {\n    return (\n      <li\n        {...props}\n        ref={ref}\n        className={cx(pagination().item, className)}\n        data-slot=\"pagination-item\"\n      />\n    );\n  },\n);\n\nexport interface PaginationLinkProps extends ComponentPropsWithoutRef<\"a\"> {\n  active?: boolean;\n  disabled?: boolean;\n  page?: number | undefined;\n}\n\ntype PaginationAnchorSlot =\n  | \"pagination-link\"\n  | \"pagination-first\"\n  | \"pagination-last\"\n  | \"pagination-previous\"\n  | \"pagination-next\";\n\ninterface PaginationAnchorProps extends PaginationLinkProps {\n  slot: PaginationAnchorSlot;\n}\n\nfunction getAnchorClassName(\n  active: boolean,\n  disabled: boolean,\n  density: PaginationDensity | undefined,\n  slot: PaginationAnchorSlot,\n) {\n  const styles = pagination({ active, density, disabled });\n  if (slot === \"pagination-previous\") return cx(styles.link, styles.previous);\n  if (slot === \"pagination-next\") return cx(styles.link, styles.next);\n  if (slot === \"pagination-first\") return cx(styles.link, styles.first);\n  if (slot === \"pagination-last\") return cx(styles.link, styles.last);\n  return styles.link;\n}\n\nconst PaginationAnchor = forwardRef<HTMLAnchorElement, PaginationAnchorProps>(\n  function PaginationAnchor(\n    {\n      active: activeProp,\n      \"aria-current\": ariaCurrent,\n      className,\n      disabled: disabledProp = false,\n      href,\n      onClick,\n      page,\n      slot,\n      tabIndex,\n      ...props\n    },\n    ref,\n  ) {\n    const context = usePaginationContext();\n    const active = activeProp ?? (page !== undefined && context?.page === page);\n    const disabled = Boolean(disabledProp || (page !== undefined && context?.pageCount === 1));\n    return (\n      <a\n        {...props}\n        aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n        aria-disabled={disabled || undefined}\n        ref={ref}\n        className={cx(\n          getAnchorClassName(Boolean(active), disabled, context?.density, slot),\n          className,\n        )}\n        data-active={active || undefined}\n        data-disabled={disabled || undefined}\n        data-page={page}\n        data-slot={slot}\n        href={disabled ? undefined : href}\n        onClick={(event) => {\n          if (disabled) {\n            event.preventDefault();\n            event.stopPropagation();\n            return;\n          }\n          if (page !== undefined && context?.pageCount) {\n            event.preventDefault();\n            context.goTo(page);\n          }\n          onClick?.(event);\n        }}\n        tabIndex={disabled ? -1 : tabIndex}\n      />\n    );\n  },\n);\n\nexport const PaginationLink = forwardRef<HTMLAnchorElement, PaginationLinkProps>(\n  function PaginationLink(props, ref) {\n    return <PaginationAnchor {...props} ref={ref} slot=\"pagination-link\" />;\n  },\n);\n\nexport interface PaginationPreviousProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationPrevious = forwardRef<HTMLAnchorElement, PaginationPreviousProps>(\n  function PaginationPrevious({ \"aria-label\": ariaLabel, children, page, rel, ...props }, ref) {\n    const context = usePaginationContext();\n    const targetPage = page ?? (context?.page ? context.page - 1 : undefined);\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to previous page\"}\n        disabled={props.disabled ?? (targetPage !== undefined && targetPage < 1)}\n        page={targetPage}\n        ref={ref}\n        rel={rel ?? \"prev\"}\n        slot=\"pagination-previous\"\n      >\n        {children ?? (\n          <>\n            <span aria-hidden=\"true\">‹</span>\n            <span>Previous</span>\n          </>\n        )}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationNextProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationNext = forwardRef<HTMLAnchorElement, PaginationNextProps>(\n  function PaginationNext({ \"aria-label\": ariaLabel, children, page, rel, ...props }, ref) {\n    const context = usePaginationContext();\n    const targetPage = page ?? (context?.page ? context.page + 1 : undefined);\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to next page\"}\n        disabled={\n          props.disabled ??\n          (targetPage !== undefined && targetPage > (context?.pageCount ?? Infinity))\n        }\n        page={targetPage}\n        ref={ref}\n        rel={rel ?? \"next\"}\n        slot=\"pagination-next\"\n      >\n        {children ?? (\n          <>\n            <span>Next</span>\n            <span aria-hidden=\"true\">›</span>\n          </>\n        )}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationFirstProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationFirst = forwardRef<HTMLAnchorElement, PaginationFirstProps>(\n  function PaginationFirst({ \"aria-label\": ariaLabel, children, page, ...props }, ref) {\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to first page\"}\n        page={page ?? 1}\n        ref={ref}\n        slot=\"pagination-first\"\n      >\n        {children ?? \"First\"}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationLastProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationLast = forwardRef<HTMLAnchorElement, PaginationLastProps>(\n  function PaginationLast({ \"aria-label\": ariaLabel, children, page, ...props }, ref) {\n    const context = usePaginationContext();\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to last page\"}\n        page={page ?? context?.pageCount}\n        ref={ref}\n        slot=\"pagination-last\"\n      >\n        {children ?? \"Last\"}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport type PaginationEllipsisProps = ComponentPropsWithoutRef<\"span\">;\nexport const PaginationEllipsis = forwardRef<HTMLSpanElement, PaginationEllipsisProps>(\n  function PaginationEllipsis({ children = \"…\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={cx(pagination().ellipsis, className)}\n        data-slot=\"pagination-ellipsis\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\ntype PaginationPageItem = number | \"ellipsis\";\n\nfunction getPageItems(page: number, pageCount: number, siblingCount: number): PaginationPageItem[] {\n  const visible = new Set<number>([1, pageCount]);\n  for (let index = page - siblingCount; index <= page + siblingCount; index += 1) {\n    if (index > 0 && index <= pageCount) visible.add(index);\n  }\n  const pages = [...visible].sort((left, right) => left - right);\n  const items: PaginationPageItem[] = [];\n  pages.forEach((value, index) => {\n    const previous = pages[index - 1];\n    if (previous !== undefined && value - previous > 1) items.push(\"ellipsis\");\n    items.push(value);\n  });\n  return items;\n}\n\nfunction PaginationGenerated({\n  page,\n  pageCount,\n  showFirstLast,\n  siblingCount,\n}: {\n  page: number;\n  pageCount: number;\n  showFirstLast: boolean;\n  siblingCount: number;\n}) {\n  const pageItems = getPageItems(page, pageCount, siblingCount);\n  return (\n    <PaginationList>\n      {showFirstLast ? (\n        <PaginationItem>\n          <PaginationFirst disabled={page <= 1} />\n        </PaginationItem>\n      ) : null}\n      <PaginationItem>\n        <PaginationPrevious disabled={page <= 1} />\n      </PaginationItem>\n      {pageItems.map((item, index) =>\n        item === \"ellipsis\" ? (\n          <PaginationItem\n            key={`ellipsis-${pageItems.slice(0, index).filter((value) => value === \"ellipsis\").length + 1}`}\n          >\n            <PaginationEllipsis />\n          </PaginationItem>\n        ) : (\n          <PaginationItem key={item}>\n            <PaginationLink page={item}>{item}</PaginationLink>\n          </PaginationItem>\n        ),\n      )}\n      <PaginationItem>\n        <PaginationNext disabled={page >= pageCount} />\n      </PaginationItem>\n      {showFirstLast ? (\n        <PaginationItem>\n          <PaginationLast disabled={page >= pageCount} />\n        </PaginationItem>\n      ) : null}\n    </PaginationList>\n  );\n}\n\nexport const Pagination = {\n  Root: PaginationRoot,\n  List: PaginationList,\n  Item: PaginationItem,\n  Link: PaginationLink,\n  First: PaginationFirst,\n  Previous: PaginationPrevious,\n  Next: PaginationNext,\n  Last: PaginationLast,\n  Ellipsis: PaginationEllipsis,\n};\n"],"mappings":"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"}
+{"version":3,"file":"pagination.cjs","names":["createContext","useContext","forwardRef","useState","useCallback","useMemo","cx","pagination"],"sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, forwardRef, useCallback, useContext, useMemo, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { pagination } from \"../../styled-system/recipes\";\n\nexport type PaginationDensity = \"compact\" | \"comfortable\";\n\ninterface PaginationContextValue {\n  density: PaginationDensity;\n  goTo: (page: number) => void;\n  page: number | undefined;\n  pageCount: number | undefined;\n}\n\nconst PaginationContext = createContext<PaginationContextValue | null>(null);\n\nfunction usePaginationContext() {\n  return useContext(PaginationContext);\n}\n\nexport interface PaginationRootProps extends Omit<ComponentPropsWithoutRef<\"nav\">, \"children\"> {\n  children?: ReactNode;\n  defaultPage?: number;\n  density?: PaginationDensity;\n  onPageChange?: (page: number) => void;\n  page?: number;\n  pageCount?: number;\n  showFirstLast?: boolean;\n  siblingCount?: number;\n}\n\nexport const PaginationRoot = forwardRef<HTMLElement, PaginationRootProps>(function PaginationRoot(\n  {\n    children,\n    \"aria-label\": ariaLabel,\n    className,\n    defaultPage = 1,\n    density = \"comfortable\",\n    onPageChange,\n    page: controlledPage,\n    pageCount,\n    showFirstLast = false,\n    siblingCount = 1,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledPage, setUncontrolledPage] = useState(defaultPage);\n  const page = pageCount\n    ? Math.min(Math.max(controlledPage ?? uncontrolledPage, 1), pageCount)\n    : controlledPage;\n  const goTo = useCallback(\n    (nextPage: number) => {\n      if (!pageCount) return;\n      const next = Math.min(Math.max(nextPage, 1), pageCount);\n      if (controlledPage === undefined) setUncontrolledPage(next);\n      onPageChange?.(next);\n    },\n    [controlledPage, onPageChange, pageCount],\n  );\n  const context = useMemo(\n    () => ({ density, goTo, page, pageCount }),\n    [density, goTo, page, pageCount],\n  );\n\n  return (\n    <PaginationContext.Provider value={context}>\n      <nav\n        {...props}\n        aria-label={ariaLabel ?? \"Pagination\"}\n        ref={ref}\n        className={cx(pagination({ density }).root, className)}\n        data-density={density}\n        data-jaci-component=\"pagination\"\n        data-slot=\"pagination\"\n      >\n        {children ??\n          (pageCount ? (\n            <PaginationGenerated\n              page={page ?? 1}\n              pageCount={pageCount}\n              showFirstLast={showFirstLast}\n              siblingCount={siblingCount}\n            />\n          ) : null)}\n      </nav>\n    </PaginationContext.Provider>\n  );\n});\n\nexport type PaginationListProps = ComponentPropsWithoutRef<\"ul\">;\nexport const PaginationList = forwardRef<HTMLUListElement, PaginationListProps>(\n  function PaginationList({ className, ...props }, ref) {\n    const context = usePaginationContext();\n    return (\n      <ul\n        {...props}\n        ref={ref}\n        className={cx(pagination({ density: context?.density }).list, className)}\n        data-slot=\"pagination-list\"\n      />\n    );\n  },\n);\n\nexport type PaginationItemProps = ComponentPropsWithoutRef<\"li\">;\nexport const PaginationItem = forwardRef<HTMLLIElement, PaginationItemProps>(\n  function PaginationItem({ className, ...props }, ref) {\n    return (\n      <li\n        {...props}\n        ref={ref}\n        className={cx(pagination().item, className)}\n        data-slot=\"pagination-item\"\n      />\n    );\n  },\n);\n\nexport interface PaginationLinkProps extends ComponentPropsWithoutRef<\"a\"> {\n  active?: boolean;\n  disabled?: boolean;\n  page?: number | undefined;\n}\n\ntype PaginationAnchorSlot =\n  | \"pagination-link\"\n  | \"pagination-first\"\n  | \"pagination-last\"\n  | \"pagination-previous\"\n  | \"pagination-next\";\n\ninterface PaginationAnchorProps extends PaginationLinkProps {\n  slot: PaginationAnchorSlot;\n}\n\nfunction getAnchorClassName(\n  active: boolean,\n  disabled: boolean,\n  density: PaginationDensity | undefined,\n  slot: PaginationAnchorSlot,\n) {\n  const styles = pagination({ active, density, disabled });\n  if (slot === \"pagination-previous\") return cx(styles.link, styles.previous);\n  if (slot === \"pagination-next\") return cx(styles.link, styles.next);\n  if (slot === \"pagination-first\") return cx(styles.link, styles.first);\n  if (slot === \"pagination-last\") return cx(styles.link, styles.last);\n  return styles.link;\n}\n\nconst PaginationAnchor = forwardRef<HTMLAnchorElement, PaginationAnchorProps>(\n  function PaginationAnchor(\n    {\n      active: activeProp,\n      \"aria-current\": ariaCurrent,\n      className,\n      disabled: disabledProp = false,\n      href,\n      onClick,\n      page,\n      slot,\n      tabIndex,\n      ...props\n    },\n    ref,\n  ) {\n    const context = usePaginationContext();\n    const active = activeProp ?? (page !== undefined && context?.page === page);\n    const disabled = Boolean(disabledProp || (page !== undefined && context?.pageCount === 1));\n    return (\n      <a\n        {...props}\n        aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n        aria-disabled={disabled || undefined}\n        ref={ref}\n        className={cx(\n          getAnchorClassName(Boolean(active), disabled, context?.density, slot),\n          className,\n        )}\n        data-active={active || undefined}\n        data-disabled={disabled || undefined}\n        data-page={page}\n        data-slot={slot}\n        href={disabled ? undefined : href}\n        onClick={(event) => {\n          if (disabled) {\n            event.preventDefault();\n            event.stopPropagation();\n            return;\n          }\n          if (page !== undefined && context?.pageCount) {\n            event.preventDefault();\n            context.goTo(page);\n          }\n          onClick?.(event);\n        }}\n        tabIndex={disabled ? -1 : tabIndex}\n      />\n    );\n  },\n);\n\nexport const PaginationLink = forwardRef<HTMLAnchorElement, PaginationLinkProps>(\n  function PaginationLink(props, ref) {\n    return <PaginationAnchor {...props} ref={ref} slot=\"pagination-link\" />;\n  },\n);\n\nexport interface PaginationPreviousProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationPrevious = forwardRef<HTMLAnchorElement, PaginationPreviousProps>(\n  function PaginationPrevious({ \"aria-label\": ariaLabel, children, page, rel, ...props }, ref) {\n    const context = usePaginationContext();\n    const targetPage = page ?? (context?.page ? context.page - 1 : undefined);\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to previous page\"}\n        disabled={props.disabled ?? (targetPage !== undefined && targetPage < 1)}\n        page={targetPage}\n        ref={ref}\n        rel={rel ?? \"prev\"}\n        slot=\"pagination-previous\"\n      >\n        {children ?? (\n          <>\n            <span aria-hidden=\"true\">‹</span>\n            <span>Previous</span>\n          </>\n        )}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationNextProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationNext = forwardRef<HTMLAnchorElement, PaginationNextProps>(\n  function PaginationNext({ \"aria-label\": ariaLabel, children, page, rel, ...props }, ref) {\n    const context = usePaginationContext();\n    const targetPage = page ?? (context?.page ? context.page + 1 : undefined);\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to next page\"}\n        disabled={\n          props.disabled ??\n          (targetPage !== undefined && targetPage > (context?.pageCount ?? Infinity))\n        }\n        page={targetPage}\n        ref={ref}\n        rel={rel ?? \"next\"}\n        slot=\"pagination-next\"\n      >\n        {children ?? (\n          <>\n            <span>Next</span>\n            <span aria-hidden=\"true\">›</span>\n          </>\n        )}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationFirstProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationFirst = forwardRef<HTMLAnchorElement, PaginationFirstProps>(\n  function PaginationFirst({ \"aria-label\": ariaLabel, children, page, ...props }, ref) {\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to first page\"}\n        page={page ?? 1}\n        ref={ref}\n        slot=\"pagination-first\"\n      >\n        {children ?? \"First\"}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationLastProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationLast = forwardRef<HTMLAnchorElement, PaginationLastProps>(\n  function PaginationLast({ \"aria-label\": ariaLabel, children, page, ...props }, ref) {\n    const context = usePaginationContext();\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to last page\"}\n        page={page ?? context?.pageCount}\n        ref={ref}\n        slot=\"pagination-last\"\n      >\n        {children ?? \"Last\"}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport type PaginationEllipsisProps = ComponentPropsWithoutRef<\"span\">;\nexport const PaginationEllipsis = forwardRef<HTMLSpanElement, PaginationEllipsisProps>(\n  function PaginationEllipsis({ children = \"…\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={cx(pagination().ellipsis, className)}\n        data-slot=\"pagination-ellipsis\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\ntype PaginationPageItem = number | \"ellipsis\";\n\nfunction getPageItems(page: number, pageCount: number, siblingCount: number): PaginationPageItem[] {\n  const visible = new Set<number>([1, pageCount]);\n  for (let index = page - siblingCount; index <= page + siblingCount; index += 1) {\n    if (index > 0 && index <= pageCount) visible.add(index);\n  }\n  const pages = [...visible].sort((left, right) => left - right);\n  const items: PaginationPageItem[] = [];\n  pages.forEach((value, index) => {\n    const previous = pages[index - 1];\n    if (previous !== undefined && value - previous > 1) items.push(\"ellipsis\");\n    items.push(value);\n  });\n  return items;\n}\n\nfunction PaginationGenerated({\n  page,\n  pageCount,\n  showFirstLast,\n  siblingCount,\n}: {\n  page: number;\n  pageCount: number;\n  showFirstLast: boolean;\n  siblingCount: number;\n}) {\n  const pageItems = getPageItems(page, pageCount, siblingCount);\n  return (\n    <PaginationList>\n      {showFirstLast ? (\n        <PaginationItem>\n          <PaginationFirst disabled={page <= 1} />\n        </PaginationItem>\n      ) : null}\n      <PaginationItem>\n        <PaginationPrevious disabled={page <= 1} />\n      </PaginationItem>\n      {pageItems.map((item, index) =>\n        item === \"ellipsis\" ? (\n          <PaginationItem\n            key={`ellipsis-${pageItems.slice(0, index).filter((value) => value === \"ellipsis\").length + 1}`}\n          >\n            <PaginationEllipsis />\n          </PaginationItem>\n        ) : (\n          <PaginationItem key={item}>\n            <PaginationLink page={item}>{item}</PaginationLink>\n          </PaginationItem>\n        ),\n      )}\n      <PaginationItem>\n        <PaginationNext disabled={page >= pageCount} />\n      </PaginationItem>\n      {showFirstLast ? (\n        <PaginationItem>\n          <PaginationLast disabled={page >= pageCount} />\n        </PaginationItem>\n      ) : null}\n    </PaginationList>\n  );\n}\n\nexport const Pagination = {\n  Root: PaginationRoot,\n  List: PaginationList,\n  Item: PaginationItem,\n  Link: PaginationLink,\n  First: PaginationFirst,\n  Previous: PaginationPrevious,\n  Next: PaginationNext,\n  Last: PaginationLast,\n  Ellipsis: PaginationEllipsis,\n};\n"],"mappings":"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"}

package/dist/components/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":[],"sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, forwardRef, useCallback, useContext, useMemo, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { pagination } from \"../../styled-system/recipes\";\n\nexport type PaginationDensity = \"compact\" | \"comfortable\";\n\ninterface PaginationContextValue {\n  density: PaginationDensity;\n  goTo: (page: number) => void;\n  page: number | undefined;\n  pageCount: number | undefined;\n}\n\nconst PaginationContext = createContext<PaginationContextValue | null>(null);\n\nfunction usePaginationContext() {\n  return useContext(PaginationContext);\n}\n\nexport interface PaginationRootProps extends Omit<ComponentPropsWithoutRef<\"nav\">, \"children\"> {\n  children?: ReactNode;\n  defaultPage?: number;\n  density?: PaginationDensity;\n  onPageChange?: (page: number) => void;\n  page?: number;\n  pageCount?: number;\n  showFirstLast?: boolean;\n  siblingCount?: number;\n}\n\nexport const PaginationRoot = forwardRef<HTMLElement, PaginationRootProps>(function PaginationRoot(\n  {\n    children,\n    \"aria-label\": ariaLabel,\n    className,\n    defaultPage = 1,\n    density = \"comfortable\",\n    onPageChange,\n    page: controlledPage,\n    pageCount,\n    showFirstLast = false,\n    siblingCount = 1,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledPage, setUncontrolledPage] = useState(defaultPage);\n  const page = pageCount\n    ? Math.min(Math.max(controlledPage ?? uncontrolledPage, 1), pageCount)\n    : controlledPage;\n  const goTo = useCallback(\n    (nextPage: number) => {\n      if (!pageCount) return;\n      const next = Math.min(Math.max(nextPage, 1), pageCount);\n      if (controlledPage === undefined) setUncontrolledPage(next);\n      onPageChange?.(next);\n    },\n    [controlledPage, onPageChange, pageCount],\n  );\n  const context = useMemo(\n    () => ({ density, goTo, page, pageCount }),\n    [density, goTo, page, pageCount],\n  );\n\n  return (\n    <PaginationContext.Provider value={context}>\n      <nav\n        {...props}\n        aria-label={ariaLabel ?? \"Pagination\"}\n        ref={ref}\n        className={cx(pagination({ density }).root, className)}\n        data-density={density}\n        data-jaci-component=\"pagination\"\n        data-slot=\"pagination\"\n      >\n        {children ??\n          (pageCount ? (\n            <PaginationGenerated\n              page={page ?? 1}\n              pageCount={pageCount}\n              showFirstLast={showFirstLast}\n              siblingCount={siblingCount}\n            />\n          ) : null)}\n      </nav>\n    </PaginationContext.Provider>\n  );\n});\n\nexport type PaginationListProps = ComponentPropsWithoutRef<\"ul\">;\nexport const PaginationList = forwardRef<HTMLUListElement, PaginationListProps>(\n  function PaginationList({ className, ...props }, ref) {\n    const context = usePaginationContext();\n    return (\n      <ul\n        {...props}\n        ref={ref}\n        className={cx(pagination({ density: context?.density }).list, className)}\n        data-slot=\"pagination-list\"\n      />\n    );\n  },\n);\n\nexport type PaginationItemProps = ComponentPropsWithoutRef<\"li\">;\nexport const PaginationItem = forwardRef<HTMLLIElement, PaginationItemProps>(\n  function PaginationItem({ className, ...props }, ref) {\n    return (\n      <li\n        {...props}\n        ref={ref}\n        className={cx(pagination().item, className)}\n        data-slot=\"pagination-item\"\n      />\n    );\n  },\n);\n\nexport interface PaginationLinkProps extends ComponentPropsWithoutRef<\"a\"> {\n  active?: boolean;\n  disabled?: boolean;\n  page?: number | undefined;\n}\n\ntype PaginationAnchorSlot =\n  | \"pagination-link\"\n  | \"pagination-first\"\n  | \"pagination-last\"\n  | \"pagination-previous\"\n  | \"pagination-next\";\n\ninterface PaginationAnchorProps extends PaginationLinkProps {\n  slot: PaginationAnchorSlot;\n}\n\nfunction getAnchorClassName(\n  active: boolean,\n  disabled: boolean,\n  density: PaginationDensity | undefined,\n  slot: PaginationAnchorSlot,\n) {\n  const styles = pagination({ active, density, disabled });\n  if (slot === \"pagination-previous\") return cx(styles.link, styles.previous);\n  if (slot === \"pagination-next\") return cx(styles.link, styles.next);\n  if (slot === \"pagination-first\") return cx(styles.link, styles.first);\n  if (slot === \"pagination-last\") return cx(styles.link, styles.last);\n  return styles.link;\n}\n\nconst PaginationAnchor = forwardRef<HTMLAnchorElement, PaginationAnchorProps>(\n  function PaginationAnchor(\n    {\n      active: activeProp,\n      \"aria-current\": ariaCurrent,\n      className,\n      disabled: disabledProp = false,\n      href,\n      onClick,\n      page,\n      slot,\n      tabIndex,\n      ...props\n    },\n    ref,\n  ) {\n    const context = usePaginationContext();\n    const active = activeProp ?? (page !== undefined && context?.page === page);\n    const disabled = Boolean(disabledProp || (page !== undefined && context?.pageCount === 1));\n    return (\n      <a\n        {...props}\n        aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n        aria-disabled={disabled || undefined}\n        ref={ref}\n        className={cx(\n          getAnchorClassName(Boolean(active), disabled, context?.density, slot),\n          className,\n        )}\n        data-active={active || undefined}\n        data-disabled={disabled || undefined}\n        data-page={page}\n        data-slot={slot}\n        href={disabled ? undefined : href}\n        onClick={(event) => {\n          if (disabled) {\n            event.preventDefault();\n            event.stopPropagation();\n            return;\n          }\n          if (page !== undefined && context?.pageCount) {\n            event.preventDefault();\n            context.goTo(page);\n          }\n          onClick?.(event);\n        }}\n        tabIndex={disabled ? -1 : tabIndex}\n      />\n    );\n  },\n);\n\nexport const PaginationLink = forwardRef<HTMLAnchorElement, PaginationLinkProps>(\n  function PaginationLink(props, ref) {\n    return <PaginationAnchor {...props} ref={ref} slot=\"pagination-link\" />;\n  },\n);\n\nexport interface PaginationPreviousProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationPrevious = forwardRef<HTMLAnchorElement, PaginationPreviousProps>(\n  function PaginationPrevious({ \"aria-label\": ariaLabel, children, page, rel, ...props }, ref) {\n    const context = usePaginationContext();\n    const targetPage = page ?? (context?.page ? context.page - 1 : undefined);\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to previous page\"}\n        disabled={props.disabled ?? (targetPage !== undefined && targetPage < 1)}\n        page={targetPage}\n        ref={ref}\n        rel={rel ?? \"prev\"}\n        slot=\"pagination-previous\"\n      >\n        {children ?? (\n          <>\n            <span aria-hidden=\"true\">‹</span>\n            <span>Previous</span>\n          </>\n        )}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationNextProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationNext = forwardRef<HTMLAnchorElement, PaginationNextProps>(\n  function PaginationNext({ \"aria-label\": ariaLabel, children, page, rel, ...props }, ref) {\n    const context = usePaginationContext();\n    const targetPage = page ?? (context?.page ? context.page + 1 : undefined);\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to next page\"}\n        disabled={\n          props.disabled ??\n          (targetPage !== undefined && targetPage > (context?.pageCount ?? Infinity))\n        }\n        page={targetPage}\n        ref={ref}\n        rel={rel ?? \"next\"}\n        slot=\"pagination-next\"\n      >\n        {children ?? (\n          <>\n            <span>Next</span>\n            <span aria-hidden=\"true\">›</span>\n          </>\n        )}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationFirstProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationFirst = forwardRef<HTMLAnchorElement, PaginationFirstProps>(\n  function PaginationFirst({ \"aria-label\": ariaLabel, children, page, ...props }, ref) {\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to first page\"}\n        page={page ?? 1}\n        ref={ref}\n        slot=\"pagination-first\"\n      >\n        {children ?? \"First\"}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationLastProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationLast = forwardRef<HTMLAnchorElement, PaginationLastProps>(\n  function PaginationLast({ \"aria-label\": ariaLabel, children, page, ...props }, ref) {\n    const context = usePaginationContext();\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to last page\"}\n        page={page ?? context?.pageCount}\n        ref={ref}\n        slot=\"pagination-last\"\n      >\n        {children ?? \"Last\"}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport type PaginationEllipsisProps = ComponentPropsWithoutRef<\"span\">;\nexport const PaginationEllipsis = forwardRef<HTMLSpanElement, PaginationEllipsisProps>(\n  function PaginationEllipsis({ children = \"…\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={cx(pagination().ellipsis, className)}\n        data-slot=\"pagination-ellipsis\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\ntype PaginationPageItem = number | \"ellipsis\";\n\nfunction getPageItems(page: number, pageCount: number, siblingCount: number): PaginationPageItem[] {\n  const visible = new Set<number>([1, pageCount]);\n  for (let index = page - siblingCount; index <= page + siblingCount; index += 1) {\n    if (index > 0 && index <= pageCount) visible.add(index);\n  }\n  const pages = [...visible].sort((left, right) => left - right);\n  const items: PaginationPageItem[] = [];\n  pages.forEach((value, index) => {\n    const previous = pages[index - 1];\n    if (previous !== undefined && value - previous > 1) items.push(\"ellipsis\");\n    items.push(value);\n  });\n  return items;\n}\n\nfunction PaginationGenerated({\n  page,\n  pageCount,\n  showFirstLast,\n  siblingCount,\n}: {\n  page: number;\n  pageCount: number;\n  showFirstLast: boolean;\n  siblingCount: number;\n}) {\n  const pageItems = getPageItems(page, pageCount, siblingCount);\n  return (\n    <PaginationList>\n      {showFirstLast ? (\n        <PaginationItem>\n          <PaginationFirst disabled={page <= 1} />\n        </PaginationItem>\n      ) : null}\n      <PaginationItem>\n        <PaginationPrevious disabled={page <= 1} />\n      </PaginationItem>\n      {pageItems.map((item, index) =>\n        item === \"ellipsis\" ? (\n          <PaginationItem\n            key={`ellipsis-${pageItems.slice(0, index).filter((value) => value === \"ellipsis\").length + 1}`}\n          >\n            <PaginationEllipsis />\n          </PaginationItem>\n        ) : (\n          <PaginationItem key={item}>\n            <PaginationLink page={item}>{item}</PaginationLink>\n          </PaginationItem>\n        ),\n      )}\n      <PaginationItem>\n        <PaginationNext disabled={page >= pageCount} />\n      </PaginationItem>\n      {showFirstLast ? (\n        <PaginationItem>\n          <PaginationLast disabled={page >= pageCount} />\n        </PaginationItem>\n      ) : null}\n    </PaginationList>\n  );\n}\n\nexport const Pagination = {\n  Root: PaginationRoot,\n  List: PaginationList,\n  Item: PaginationItem,\n  Link: PaginationLink,\n  First: PaginationFirst,\n  Previous: PaginationPrevious,\n  Next: PaginationNext,\n  Last: PaginationLast,\n  Ellipsis: PaginationEllipsis,\n};\n"],"mappings":"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"}
+{"version":3,"file":"pagination.js","names":[],"sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, forwardRef, useCallback, useContext, useMemo, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { pagination } from \"../../styled-system/recipes\";\n\nexport type PaginationDensity = \"compact\" | \"comfortable\";\n\ninterface PaginationContextValue {\n  density: PaginationDensity;\n  goTo: (page: number) => void;\n  page: number | undefined;\n  pageCount: number | undefined;\n}\n\nconst PaginationContext = createContext<PaginationContextValue | null>(null);\n\nfunction usePaginationContext() {\n  return useContext(PaginationContext);\n}\n\nexport interface PaginationRootProps extends Omit<ComponentPropsWithoutRef<\"nav\">, \"children\"> {\n  children?: ReactNode;\n  defaultPage?: number;\n  density?: PaginationDensity;\n  onPageChange?: (page: number) => void;\n  page?: number;\n  pageCount?: number;\n  showFirstLast?: boolean;\n  siblingCount?: number;\n}\n\nexport const PaginationRoot = forwardRef<HTMLElement, PaginationRootProps>(function PaginationRoot(\n  {\n    children,\n    \"aria-label\": ariaLabel,\n    className,\n    defaultPage = 1,\n    density = \"comfortable\",\n    onPageChange,\n    page: controlledPage,\n    pageCount,\n    showFirstLast = false,\n    siblingCount = 1,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledPage, setUncontrolledPage] = useState(defaultPage);\n  const page = pageCount\n    ? Math.min(Math.max(controlledPage ?? uncontrolledPage, 1), pageCount)\n    : controlledPage;\n  const goTo = useCallback(\n    (nextPage: number) => {\n      if (!pageCount) return;\n      const next = Math.min(Math.max(nextPage, 1), pageCount);\n      if (controlledPage === undefined) setUncontrolledPage(next);\n      onPageChange?.(next);\n    },\n    [controlledPage, onPageChange, pageCount],\n  );\n  const context = useMemo(\n    () => ({ density, goTo, page, pageCount }),\n    [density, goTo, page, pageCount],\n  );\n\n  return (\n    <PaginationContext.Provider value={context}>\n      <nav\n        {...props}\n        aria-label={ariaLabel ?? \"Pagination\"}\n        ref={ref}\n        className={cx(pagination({ density }).root, className)}\n        data-density={density}\n        data-jaci-component=\"pagination\"\n        data-slot=\"pagination\"\n      >\n        {children ??\n          (pageCount ? (\n            <PaginationGenerated\n              page={page ?? 1}\n              pageCount={pageCount}\n              showFirstLast={showFirstLast}\n              siblingCount={siblingCount}\n            />\n          ) : null)}\n      </nav>\n    </PaginationContext.Provider>\n  );\n});\n\nexport type PaginationListProps = ComponentPropsWithoutRef<\"ul\">;\nexport const PaginationList = forwardRef<HTMLUListElement, PaginationListProps>(\n  function PaginationList({ className, ...props }, ref) {\n    const context = usePaginationContext();\n    return (\n      <ul\n        {...props}\n        ref={ref}\n        className={cx(pagination({ density: context?.density }).list, className)}\n        data-slot=\"pagination-list\"\n      />\n    );\n  },\n);\n\nexport type PaginationItemProps = ComponentPropsWithoutRef<\"li\">;\nexport const PaginationItem = forwardRef<HTMLLIElement, PaginationItemProps>(\n  function PaginationItem({ className, ...props }, ref) {\n    return (\n      <li\n        {...props}\n        ref={ref}\n        className={cx(pagination().item, className)}\n        data-slot=\"pagination-item\"\n      />\n    );\n  },\n);\n\nexport interface PaginationLinkProps extends ComponentPropsWithoutRef<\"a\"> {\n  active?: boolean;\n  disabled?: boolean;\n  page?: number | undefined;\n}\n\ntype PaginationAnchorSlot =\n  | \"pagination-link\"\n  | \"pagination-first\"\n  | \"pagination-last\"\n  | \"pagination-previous\"\n  | \"pagination-next\";\n\ninterface PaginationAnchorProps extends PaginationLinkProps {\n  slot: PaginationAnchorSlot;\n}\n\nfunction getAnchorClassName(\n  active: boolean,\n  disabled: boolean,\n  density: PaginationDensity | undefined,\n  slot: PaginationAnchorSlot,\n) {\n  const styles = pagination({ active, density, disabled });\n  if (slot === \"pagination-previous\") return cx(styles.link, styles.previous);\n  if (slot === \"pagination-next\") return cx(styles.link, styles.next);\n  if (slot === \"pagination-first\") return cx(styles.link, styles.first);\n  if (slot === \"pagination-last\") return cx(styles.link, styles.last);\n  return styles.link;\n}\n\nconst PaginationAnchor = forwardRef<HTMLAnchorElement, PaginationAnchorProps>(\n  function PaginationAnchor(\n    {\n      active: activeProp,\n      \"aria-current\": ariaCurrent,\n      className,\n      disabled: disabledProp = false,\n      href,\n      onClick,\n      page,\n      slot,\n      tabIndex,\n      ...props\n    },\n    ref,\n  ) {\n    const context = usePaginationContext();\n    const active = activeProp ?? (page !== undefined && context?.page === page);\n    const disabled = Boolean(disabledProp || (page !== undefined && context?.pageCount === 1));\n    return (\n      <a\n        {...props}\n        aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n        aria-disabled={disabled || undefined}\n        ref={ref}\n        className={cx(\n          getAnchorClassName(Boolean(active), disabled, context?.density, slot),\n          className,\n        )}\n        data-active={active || undefined}\n        data-disabled={disabled || undefined}\n        data-page={page}\n        data-slot={slot}\n        href={disabled ? undefined : href}\n        onClick={(event) => {\n          if (disabled) {\n            event.preventDefault();\n            event.stopPropagation();\n            return;\n          }\n          if (page !== undefined && context?.pageCount) {\n            event.preventDefault();\n            context.goTo(page);\n          }\n          onClick?.(event);\n        }}\n        tabIndex={disabled ? -1 : tabIndex}\n      />\n    );\n  },\n);\n\nexport const PaginationLink = forwardRef<HTMLAnchorElement, PaginationLinkProps>(\n  function PaginationLink(props, ref) {\n    return <PaginationAnchor {...props} ref={ref} slot=\"pagination-link\" />;\n  },\n);\n\nexport interface PaginationPreviousProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationPrevious = forwardRef<HTMLAnchorElement, PaginationPreviousProps>(\n  function PaginationPrevious({ \"aria-label\": ariaLabel, children, page, rel, ...props }, ref) {\n    const context = usePaginationContext();\n    const targetPage = page ?? (context?.page ? context.page - 1 : undefined);\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to previous page\"}\n        disabled={props.disabled ?? (targetPage !== undefined && targetPage < 1)}\n        page={targetPage}\n        ref={ref}\n        rel={rel ?? \"prev\"}\n        slot=\"pagination-previous\"\n      >\n        {children ?? (\n          <>\n            <span aria-hidden=\"true\">‹</span>\n            <span>Previous</span>\n          </>\n        )}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationNextProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationNext = forwardRef<HTMLAnchorElement, PaginationNextProps>(\n  function PaginationNext({ \"aria-label\": ariaLabel, children, page, rel, ...props }, ref) {\n    const context = usePaginationContext();\n    const targetPage = page ?? (context?.page ? context.page + 1 : undefined);\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to next page\"}\n        disabled={\n          props.disabled ??\n          (targetPage !== undefined && targetPage > (context?.pageCount ?? Infinity))\n        }\n        page={targetPage}\n        ref={ref}\n        rel={rel ?? \"next\"}\n        slot=\"pagination-next\"\n      >\n        {children ?? (\n          <>\n            <span>Next</span>\n            <span aria-hidden=\"true\">›</span>\n          </>\n        )}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationFirstProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationFirst = forwardRef<HTMLAnchorElement, PaginationFirstProps>(\n  function PaginationFirst({ \"aria-label\": ariaLabel, children, page, ...props }, ref) {\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to first page\"}\n        page={page ?? 1}\n        ref={ref}\n        slot=\"pagination-first\"\n      >\n        {children ?? \"First\"}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport interface PaginationLastProps extends PaginationLinkProps {\n  children?: ReactNode;\n}\nexport const PaginationLast = forwardRef<HTMLAnchorElement, PaginationLastProps>(\n  function PaginationLast({ \"aria-label\": ariaLabel, children, page, ...props }, ref) {\n    const context = usePaginationContext();\n    return (\n      <PaginationAnchor\n        {...props}\n        aria-label={ariaLabel ?? \"Go to last page\"}\n        page={page ?? context?.pageCount}\n        ref={ref}\n        slot=\"pagination-last\"\n      >\n        {children ?? \"Last\"}\n      </PaginationAnchor>\n    );\n  },\n);\n\nexport type PaginationEllipsisProps = ComponentPropsWithoutRef<\"span\">;\nexport const PaginationEllipsis = forwardRef<HTMLSpanElement, PaginationEllipsisProps>(\n  function PaginationEllipsis({ children = \"…\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={cx(pagination().ellipsis, className)}\n        data-slot=\"pagination-ellipsis\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\ntype PaginationPageItem = number | \"ellipsis\";\n\nfunction getPageItems(page: number, pageCount: number, siblingCount: number): PaginationPageItem[] {\n  const visible = new Set<number>([1, pageCount]);\n  for (let index = page - siblingCount; index <= page + siblingCount; index += 1) {\n    if (index > 0 && index <= pageCount) visible.add(index);\n  }\n  const pages = [...visible].sort((left, right) => left - right);\n  const items: PaginationPageItem[] = [];\n  pages.forEach((value, index) => {\n    const previous = pages[index - 1];\n    if (previous !== undefined && value - previous > 1) items.push(\"ellipsis\");\n    items.push(value);\n  });\n  return items;\n}\n\nfunction PaginationGenerated({\n  page,\n  pageCount,\n  showFirstLast,\n  siblingCount,\n}: {\n  page: number;\n  pageCount: number;\n  showFirstLast: boolean;\n  siblingCount: number;\n}) {\n  const pageItems = getPageItems(page, pageCount, siblingCount);\n  return (\n    <PaginationList>\n      {showFirstLast ? (\n        <PaginationItem>\n          <PaginationFirst disabled={page <= 1} />\n        </PaginationItem>\n      ) : null}\n      <PaginationItem>\n        <PaginationPrevious disabled={page <= 1} />\n      </PaginationItem>\n      {pageItems.map((item, index) =>\n        item === \"ellipsis\" ? (\n          <PaginationItem\n            key={`ellipsis-${pageItems.slice(0, index).filter((value) => value === \"ellipsis\").length + 1}`}\n          >\n            <PaginationEllipsis />\n          </PaginationItem>\n        ) : (\n          <PaginationItem key={item}>\n            <PaginationLink page={item}>{item}</PaginationLink>\n          </PaginationItem>\n        ),\n      )}\n      <PaginationItem>\n        <PaginationNext disabled={page >= pageCount} />\n      </PaginationItem>\n      {showFirstLast ? (\n        <PaginationItem>\n          <PaginationLast disabled={page >= pageCount} />\n        </PaginationItem>\n      ) : null}\n    </PaginationList>\n  );\n}\n\nexport const Pagination = {\n  Root: PaginationRoot,\n  List: PaginationList,\n  Item: PaginationItem,\n  Link: PaginationLink,\n  First: PaginationFirst,\n  Previous: PaginationPrevious,\n  Next: PaginationNext,\n  Last: PaginationLast,\n  Ellipsis: PaginationEllipsis,\n};\n"],"mappings":"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"}